@mozaic-ds/angular 2.2.2 → 2.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/angular",
-  "version": "2.2.2",
+  "version": "2.4.0",
   "type": "module",
   "peerDependencies": {
     "@angular/common": ">=20.3.15",
@@ -9,7 +9,7 @@
   "dependencies": {
     "tslib": "^2.8.1",
     "libphonenumber-js": "^1.12.31",
-    "@mozaic-ds/icons-angular": "^0.17.0"
+    "@mozaic-ds/icons-angular": "^0.19.0"
   },
   "sideEffects": false,
   "publishConfig": {

package/types/mozaic-ds-angular.d.ts

@@ -3342,5 +3342,86 @@ declare class MozDataTableTopComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDataTableTopComponent, "moz-datatable-top", never, {}, {}, ["edition", "actions", "filters"], ["[mozDataTableTopEdition]", "[mozDataTableTopActions]", "[mozDataTableTopFilters]"], true, never>;
 }
 
-export { ACTION_LISTBOX_CONFIG, ActionListboxContainerComponent, ActionListboxRef, BuiltInMenuComponent, DEFAULT_ACTION_LISTBOX_CONFIG, DEFAULT_MODAL_CONFIG, DEFAULT_TOASTER_CONFIG, DRAWER_CONFIG, DRAWER_DATA, DrawerContainerComponent, MODAL_CONFIG, MODAL_DATA, MOZ_DATATABLE_DEFAULT_PAGE_SIZES, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozActionListboxTriggerDirective, MozAvatarComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozComboboxComponent, MozComboboxHarness, MozComboboxOptionHarness, MozDataTableBodyTemplateDirective, MozDataTableCellComponent, MozDataTableCellTemplateDirective, MozDataTableColumnComponent, MozDataTableComponent, MozDataTableExpandTemplateDirective, MozDataTableHeaderComponent, MozDataTableHeaderTemplateDirective, MozDataTableHeadersTemplateDirective, MozDataTableNoDataTemplateDirective, MozDataTableRowComponent, MozDataTableSelectionbarDirective, MozDataTableTopActionsDirective, MozDataTableTopComponent, MozDataTableTopEditionDirective, MozDataTableTopFiltersDirective, MozDatepickerComponent, MozDividerComponent, MozDrawerComponent, MozDrawerFooterDirective, MozDrawerRef, MozDrawerService, MozFieldComponent, MozFieldGroupComponent, MozFileUploaderComponent, MozFileUploaderItemComponent, MozFlagComponent, MozIconButtonComponent, MozKpiComponent, MozLinearProgressBarBufferComponent, MozLinearProgressBarPercentageComponent, MozLinkComponent, MozLoaderComponent, MozLoadingOverlayComponent, MozModalComponent, MozModalFooterDirective, MozModalRef, MozModalService, MozNavigationIndicatorComponent, MozNumberBadgeComponent, MozOverlayComponent, MozPageHeaderComponent, MozPaginationComponent, MozPasswordInputDirective, MozPhoneNumberComponent, MozPincodeInputComponent, MozPopoverComponent, MozPopoverFooterDirective, MozPopoverTriggerDirective, MozQuantitySelectorComponent, MozRadioComponent, MozRadioGroupComponent, MozSegmentedControlComponent, MozSelectComponent, MozSidebarComponent, MozStarRatingComponent, MozStatusBadgeComponent, MozStatusDotComponent, MozStatusMessageComponent, MozStatusNotificationComponent, MozStepperBottomBarComponent, MozStepperCompactComponent, MozStepperInlineComponent, MozStepperStackedComponent, MozTabComponent, MozTabsComponent, MozTagComponent, MozTextInput, MozTextarea, MozTileComponent, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToasterRef, MozToasterService, MozToggleComponent, MozTooltipComponent, MozTooltipDirective, MozTreeComponent, MozTreeNodeComponent, MozTreeNodeTemplateDirective, POPOVER_CONFIG, POPOVER_DATA, PopoverContainerComponent, PopoverRef, PopoverService, TOASTER_CONFIG, TreeKeyboardService, TreeSelectionService, TreeStateService, isSection };
-export type { ActionListboxConfig, ActionListboxPosition, FlatNode, LoadChildrenFn, MozActionListItem, MozActionListItemAppearance, MozAvatarSize, MozBreadcrumbAppearance, MozBreadcrumbLink, MozBuiltInMenuItem, MozBuiltInMenuItemTarget, MozButtonAppearance, MozButtonIconPosition, MozButtonSize, MozButtonType, MozCalloutVariant, MozCheckListMenuItem, MozCircularProgessBarSize, MozComboboxItem, MozComboboxOption, MozComboboxSection, MozComboboxSize, MozDataTableAccessibilityLabels, MozDataTableCellContext, MozDataTableCellType, MozDataTableHeader, MozDataTableHeaderContext, MozDataTablePageSizeOption, MozDataTableRowEvent, MozDataTableRowsEvent, MozDataTableSize, MozDataTableSort, MozDataTableSortDirection, MozDataTableSortMode, MozDataTableUpdatePayload, MozDatepickerSize, MozDividerAppearance, MozDividerOrientation, MozDividerSize, MozDrawerConfig, MozDrawerPosition, MozFileUploaderFormat, MozFileUploaderItemFormat, MozFlagType, MozIconButtonAppearance, MozIconButtonSize, MozIconButtonType, MozKpiSize, MozKpiStatus, MozKpiTrend, MozLinearProgressBarBufferSize, MozLinkAppearance, MozLinkIconPosition, MozLinkSize, MozLoaderAppearance, MozLoaderSize, MozNavigationIndicatorAction, MozNumberBadgeAppearance, MozNumberBadgeSize, MozPageHeaderScope, MozPhoneNumberCountry, MozPhoneNumberSize, MozPhoneNumberValue, MozPincodeLength, MozPopoverAppearance, MozPopoverPosition, MozPopoverSize, MozQuantitySelectorSize, MozSegmentedControlSize, MozSegmentedItem, MozSelectOption, MozSelectSize, MozSelectValue, MozSidebarItem, MozSidebarSubItem, MozStarRatingAppearance, MozStarRatingSize, MozStatusBadgeStatus, MozStatusDotSize, MozStatusDotStatus, MozStatusMessageStatus, MozStatusNotificationStatus, MozStepperBottomBarStep, MozStepperInlineStep, MozStepperStackedStep, MozTabItem, MozTagSize, MozTagType, MozTextInputSize, MozTileAppearance, MozTileExpandableTrigger, MozTileInputPosition, MozTileInputVerticalPosition, MozTileSelectableAppearance, MozTileSelectableType, MozToasterPosition, MozToasterRole, MozToasterStatus, MozToggleSize, MozTooltipPosition, PopoverConfig, PopoverTriggerMode, TreeNode, TreeNodeContext, TreeSelectionMode };
+/**
+ * Describes a single navigation entry rendered by the bottom bar.
+ *
+ * The trigger element is inferred from the item itself: an item carrying a
+ * `routerLink` or an `href` is rendered as an anchor, any other item is
+ * rendered as a `button`.
+ */
+interface MozBottomBarItem {
+    /** Unique identifier, used to resolve the selected state. */
+    id: string;
+    /** Text displayed under the icon. */
+    label: string;
+    /** Icon component displayed above the label. */
+    icon?: Type<unknown>;
+    /** Renders the trigger as an anchor pointing to this URL. */
+    href?: string;
+    /** Renders the trigger as an anchor driven by the Angular router. */
+    routerLink?: string | unknown[];
+    /** Anchor target. Only used together with `href`. */
+    target?: string;
+    /** Prevents any interaction with the trigger. */
+    disabled?: boolean;
+}
+
+/**
+ * The bottom bar is the primary navigation of a mobile interface. It is pinned to the bottom
+ * of the viewport and exposes a short list of destinations, each one made of an icon and a
+ * label. Only one destination can be selected at a time.
+ */
+declare class MozBottomBarComponent {
+    /** Navigation entries displayed by the bottom bar. */
+    readonly items: _angular_core.InputSignal<MozBottomBarItem[]>;
+    /** Accessible name of the navigation landmark. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Displays a divider above the list of triggers. */
+    readonly divider: _angular_core.InputSignal<boolean>;
+    /** Identifier of the currently selected item. Two-way bindable. */
+    readonly selectedId: _angular_core.ModelSignal<string | null>;
+    /** Emitted whenever an enabled item is activated. */
+    readonly itemSelected: _angular_core.OutputEmitterRef<MozBottomBarItem>;
+    isSelected(item: MozBottomBarItem): boolean;
+    triggerClasses(item: MozBottomBarItem): Record<string, boolean>;
+    onSelect(item: MozBottomBarItem, event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozBottomBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozBottomBarComponent, "moz-bottom-bar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; }, { "selectedId": "selectedIdChange"; "itemSelected": "itemSelected"; }, never, never, true, never>;
+}
+
+/**
+ * Background applied to the icon container of the empty state.
+ */
+type MozEmptyStateAppearance = 'primary' | 'secondary';
+/**
+ * Heading level exposed to assistive technologies for the empty state title.
+ */
+type MozEmptyStateHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+
+/**
+ * An empty state explains why a zone of the interface holds no content yet — a search
+ * without result, a list not fed, a feature not set up — and points the user to the next
+ * step. It is made of an illustrative icon, a title, a description and optional actions
+ * projected through the `actions` slot.
+ */
+declare class MozEmptyStateComponent {
+    /** Icon component illustrating the empty state. */
+    readonly icon: _angular_core.InputSignal<Type<unknown> | null>;
+    /** Background of the icon container. */
+    readonly appearance: _angular_core.InputSignal<MozEmptyStateAppearance>;
+    /** Short sentence naming what is missing. */
+    readonly title: _angular_core.InputSignal<string>;
+    /** Complementary text explaining how to fill the void. */
+    readonly description: _angular_core.InputSignal<string | null>;
+    /** Heading level reported to assistive technologies for the title. */
+    readonly headingLevel: _angular_core.InputSignal<MozEmptyStateHeadingLevel>;
+    readonly iconClasses: _angular_core.Signal<{
+        'empty-state__icon': boolean;
+        'empty-state__icon--secondary': boolean;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozEmptyStateComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozEmptyStateComponent, "moz-empty-state", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; }, {}, never, ["[actions]"], true, never>;
+}
+
+export { ACTION_LISTBOX_CONFIG, ActionListboxContainerComponent, ActionListboxRef, BuiltInMenuComponent, DEFAULT_ACTION_LISTBOX_CONFIG, DEFAULT_MODAL_CONFIG, DEFAULT_TOASTER_CONFIG, DRAWER_CONFIG, DRAWER_DATA, DrawerContainerComponent, MODAL_CONFIG, MODAL_DATA, MOZ_DATATABLE_DEFAULT_PAGE_SIZES, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozActionListboxTriggerDirective, MozAvatarComponent, MozBottomBarComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozComboboxComponent, MozComboboxHarness, MozComboboxOptionHarness, MozDataTableBodyTemplateDirective, MozDataTableCellComponent, MozDataTableCellTemplateDirective, MozDataTableColumnComponent, MozDataTableComponent, MozDataTableExpandTemplateDirective, MozDataTableHeaderComponent, MozDataTableHeaderTemplateDirective, MozDataTableHeadersTemplateDirective, MozDataTableNoDataTemplateDirective, MozDataTableRowComponent, MozDataTableSelectionbarDirective, MozDataTableTopActionsDirective, MozDataTableTopComponent, MozDataTableTopEditionDirective, MozDataTableTopFiltersDirective, MozDatepickerComponent, MozDividerComponent, MozDrawerComponent, MozDrawerFooterDirective, MozDrawerRef, MozDrawerService, MozEmptyStateComponent, MozFieldComponent, MozFieldGroupComponent, MozFileUploaderComponent, MozFileUploaderItemComponent, MozFlagComponent, MozIconButtonComponent, MozKpiComponent, MozLinearProgressBarBufferComponent, MozLinearProgressBarPercentageComponent, MozLinkComponent, MozLoaderComponent, MozLoadingOverlayComponent, MozModalComponent, MozModalFooterDirective, MozModalRef, MozModalService, MozNavigationIndicatorComponent, MozNumberBadgeComponent, MozOverlayComponent, MozPageHeaderComponent, MozPaginationComponent, MozPasswordInputDirective, MozPhoneNumberComponent, MozPincodeInputComponent, MozPopoverComponent, MozPopoverFooterDirective, MozPopoverTriggerDirective, MozQuantitySelectorComponent, MozRadioComponent, MozRadioGroupComponent, MozSegmentedControlComponent, MozSelectComponent, MozSidebarComponent, MozStarRatingComponent, MozStatusBadgeComponent, MozStatusDotComponent, MozStatusMessageComponent, MozStatusNotificationComponent, MozStepperBottomBarComponent, MozStepperCompactComponent, MozStepperInlineComponent, MozStepperStackedComponent, MozTabComponent, MozTabsComponent, MozTagComponent, MozTextInput, MozTextarea, MozTileComponent, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToasterRef, MozToasterService, MozToggleComponent, MozTooltipComponent, MozTooltipDirective, MozTreeComponent, MozTreeNodeComponent, MozTreeNodeTemplateDirective, POPOVER_CONFIG, POPOVER_DATA, PopoverContainerComponent, PopoverRef, PopoverService, TOASTER_CONFIG, TreeKeyboardService, TreeSelectionService, TreeStateService, isSection };
+export type { ActionListboxConfig, ActionListboxPosition, FlatNode, LoadChildrenFn, MozActionListItem, MozActionListItemAppearance, MozAvatarSize, MozBottomBarItem, MozBreadcrumbAppearance, MozBreadcrumbLink, MozBuiltInMenuItem, MozBuiltInMenuItemTarget, MozButtonAppearance, MozButtonIconPosition, MozButtonSize, MozButtonType, MozCalloutVariant, MozCheckListMenuItem, MozCircularProgessBarSize, MozComboboxItem, MozComboboxOption, MozComboboxSection, MozComboboxSize, MozDataTableAccessibilityLabels, MozDataTableCellContext, MozDataTableCellType, MozDataTableHeader, MozDataTableHeaderContext, MozDataTablePageSizeOption, MozDataTableRowEvent, MozDataTableRowsEvent, MozDataTableSize, MozDataTableSort, MozDataTableSortDirection, MozDataTableSortMode, MozDataTableUpdatePayload, MozDatepickerSize, MozDividerAppearance, MozDividerOrientation, MozDividerSize, MozDrawerConfig, MozDrawerPosition, MozEmptyStateAppearance, MozEmptyStateHeadingLevel, MozFileUploaderFormat, MozFileUploaderItemFormat, MozFlagType, MozIconButtonAppearance, MozIconButtonSize, MozIconButtonType, MozKpiSize, MozKpiStatus, MozKpiTrend, MozLinearProgressBarBufferSize, MozLinkAppearance, MozLinkIconPosition, MozLinkSize, MozLoaderAppearance, MozLoaderSize, MozNavigationIndicatorAction, MozNumberBadgeAppearance, MozNumberBadgeSize, MozPageHeaderScope, MozPhoneNumberCountry, MozPhoneNumberSize, MozPhoneNumberValue, MozPincodeLength, MozPopoverAppearance, MozPopoverPosition, MozPopoverSize, MozQuantitySelectorSize, MozSegmentedControlSize, MozSegmentedItem, MozSelectOption, MozSelectSize, MozSelectValue, MozSidebarItem, MozSidebarSubItem, MozStarRatingAppearance, MozStarRatingSize, MozStatusBadgeStatus, MozStatusDotSize, MozStatusDotStatus, MozStatusMessageStatus, MozStatusNotificationStatus, MozStepperBottomBarStep, MozStepperInlineStep, MozStepperStackedStep, MozTabItem, MozTagSize, MozTagType, MozTextInputSize, MozTileAppearance, MozTileExpandableTrigger, MozTileInputPosition, MozTileInputVerticalPosition, MozTileSelectableAppearance, MozTileSelectableType, MozToasterPosition, MozToasterRole, MozToasterStatus, MozToggleSize, MozTooltipPosition, PopoverConfig, PopoverTriggerMode, TreeNode, TreeNodeContext, TreeSelectionMode };