@mozaic-ds/angular 2.1.9 → 2.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/angular",
-  "version": "2.1.9",
+  "version": "2.2.1",
   "type": "module",
   "peerDependencies": {
     "@angular/common": ">=20.3.15",

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

@@ -2079,13 +2079,6 @@ declare class DrawerContainerComponent {
     readonly portalOutlet: _angular_core.Signal<CdkPortalOutlet | undefined>;
     footerTpl: TemplateRef<void> | null;
     private componentRef;
-    readonly classes: _angular_core.Signal<{
-        [x: string]: boolean;
-        'mc-drawer': boolean;
-        'is-open': boolean;
-        'mc-drawer--extend': boolean;
-    }>;
-    readonly dialogClasses: _angular_core.Signal<string>;
     readonly ariaModal: _angular_core.Signal<"true" | "false">;
     attachComponent<C>(component: Type<C>): ComponentRef<C>;
     registerFooter(tpl: TemplateRef<void>): void;
@@ -2824,5 +2817,530 @@ declare class MozTreeNodeComponent<T = unknown> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTreeNodeComponent<any>, "moz-tree-node", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "depth": { "alias": "depth"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; "nodeTemplates": { "alias": "nodeTemplates"; "required": false; "isSignal": true; }; "loadChildren": { "alias": "loadChildren"; "required": false; "isSignal": true; }; "ancestors": { "alias": "ancestors"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; "noResultText": { "alias": "noResultText"; "required": false; "isSignal": true; }; }, { "expandChange": "expandChange"; "selectionChange": "selectionChange"; }, never, never, 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, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozActionListboxTriggerDirective, MozAvatarComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozComboboxComponent, MozComboboxHarness, MozComboboxOptionHarness, 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, 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 };
+/**
+ * Models for the Mozaic DataTable component.
+ * Angular port of `@mozaic-ds/datatable-vue`.
+ */
+type MozDataTableSortDirection = 'ASC' | 'DESC' | null;
+type MozDataTableSortMode = 'single' | 'multiple';
+type MozDataTableSize = 's' | 'm' | 'l';
+type MozDataTableCellType = 'button' | 'checkbox' | 'expand' | 'icon' | 'input' | 'number' | 'multiline' | 'options' | 'picture';
+interface MozDataTableSort {
+    /** The `value` of the sorted column */
+    column: string;
+    direction?: MozDataTableSortDirection;
+    /** Additional data merged into the sort payload (see `additionalProps` on columns) */
+    [key: string]: unknown;
+}
+interface MozDataTableHeader {
+    /** Header cell label */
+    label: string;
+    /** The key of the item whose content will be displayed in the cells of the column */
+    value: string;
+    /** Visually defines the column as sortable by displaying the sort button */
+    sortable?: boolean;
+    /** Defines sort order on component loading */
+    sortDirectionDefault?: MozDataTableSortDirection;
+    /** Adds an identical CSS class to all the cells of the column */
+    class?: string;
+    /** Allows you to define the type of content that will be inserted in the cells */
+    type?: MozDataTableCellType;
+    /** Additional data merged into the payload emitted when sorting this column */
+    additionalProps?: Record<string, unknown>;
+    /** Misc */
+    e2eSelector?: string;
+}
+type MozDataTablePageSizeOption = {
+    text: string;
+    value: string;
+};
+interface MozDataTableUpdatePayload {
+    sort?: MozDataTableSort | null;
+    sortMultiple?: MozDataTableSort[];
+    size: number;
+    page: number;
+}
+interface MozDataTableRowEvent<T = Record<string, unknown>> {
+    data: T;
+    index: number;
+}
+interface MozDataTableRowsEvent<T = Record<string, unknown>> {
+    data: T[];
+}
+interface MozDataTableAccessibilityLabels {
+    paginationAriaLabel?: string;
+    checkboxAriaLabel?: string;
+    expandButtonLabel?: string;
+}
+/** Context of the templates provided through `mozDataTableCell` and `mozDataTableExpand` */
+interface MozDataTableCellContext<T = Record<string, unknown>> {
+    $implicit: T;
+    item: T;
+    index: number;
+    rowIndex: number;
+}
+/** Context of the templates provided through `mozDataTableHeader` */
+interface MozDataTableHeaderContext {
+    $implicit: MozDataTableHeader;
+    header: MozDataTableHeader;
+}
+declare const MOZ_DATATABLE_DEFAULT_PAGE_SIZES: number[];
+
+/**
+ * Declarative column configuration of the DataTable.
+ * This component renders nothing by itself: it is read by `moz-datatable`
+ * to build its headers configuration.
+ *
+ * Equivalent of the `MDataTableColumn` component of the Vue implementation.
+ */
+declare class MozDataTableColumnComponent {
+    /** Header cell label */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Refers to a key, present in the items object, whose content will be displayed in the cells of the column */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Allows you to define the type of content that will be inserted in the cell */
+    readonly type: _angular_core.InputSignal<MozDataTableCellType | undefined>;
+    /** Visually defines the column as sortable by displaying the sort button */
+    readonly sortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Visually defines the default state of the sort button */
+    readonly sortDirectionDefault: _angular_core.InputSignal<MozDataTableSortDirection>;
+    /** Adds an identical CSS class to all the cells in the column */
+    readonly cellClass: _angular_core.InputSignal<string>;
+    /** Additional data merged into the payload emitted when sorting this column */
+    readonly additionalProps: _angular_core.InputSignal<Record<string, unknown> | undefined>;
+    /** Misc */
+    readonly e2eSelector: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableColumnComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDataTableColumnComponent, "moz-datatable-column", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "sortDirectionDefault": { "alias": "sortDirectionDefault"; "required": false; "isSignal": true; }; "cellClass": { "alias": "cellClass"; "required": false; "isSignal": true; }; "additionalProps": { "alias": "additionalProps"; "required": false; "isSignal": true; }; "e2eSelector": { "alias": "e2eSelector"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Template used to replace/format the content of the cells of a column.
+ * Equivalent of the `cell.<column>` slot of the Vue implementation.
+ *
+ * ```html
+ * <ng-template mozDataTableCell="startDate" let-item>
+ *   {{ item.startDate | date }}
+ * </ng-template>
+ * ```
+ */
+declare class MozDataTableCellTemplateDirective<T = Record<string, unknown>> {
+    readonly template: TemplateRef<MozDataTableCellContext<T>>;
+    /** The `value` of the column whose cells the template applies to */
+    readonly mozDataTableCell: _angular_core.InputSignal<string>;
+    static ngTemplateContextGuard<T>(_dir: MozDataTableCellTemplateDirective<T>, _ctx: unknown): _ctx is MozDataTableCellContext<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableCellTemplateDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozDataTableCellTemplateDirective<any>, "ng-template[mozDataTableCell]", never, { "mozDataTableCell": { "alias": "mozDataTableCell"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Template used to replace/format the content of a header cell.
+ * Equivalent of the `header.<column>` slot of the Vue implementation.
+ *
+ * ```html
+ * <ng-template mozDataTableHeader="name" let-header>
+ *   {{ header.label }} <small>subtitle</small>
+ * </ng-template>
+ * ```
+ */
+declare class MozDataTableHeaderTemplateDirective {
+    readonly template: TemplateRef<MozDataTableHeaderContext>;
+    /** The `value` of the column whose header the template applies to */
+    readonly mozDataTableHeader: _angular_core.InputSignal<string>;
+    static ngTemplateContextGuard(_dir: MozDataTableHeaderTemplateDirective, _ctx: unknown): _ctx is MozDataTableHeaderContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableHeaderTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozDataTableHeaderTemplateDirective, "ng-template[mozDataTableHeader]", never, { "mozDataTableHeader": { "alias": "mozDataTableHeader"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Template inserted inside the expand row of an expandable DataTable.
+ * Equivalent of the `expandContent` slot of the Vue implementation.
+ */
+declare class MozDataTableExpandTemplateDirective<T = Record<string, unknown>> {
+    readonly template: TemplateRef<MozDataTableCellContext<T>>;
+    static ngTemplateContextGuard<T>(_dir: MozDataTableExpandTemplateDirective<T>, _ctx: unknown): _ctx is MozDataTableCellContext<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableExpandTemplateDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozDataTableExpandTemplateDirective<any>, "ng-template[mozDataTableExpand]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Template displayed when the DataTable is empty (no data/results).
+ * Equivalent of the `no-data` slot of the Vue implementation.
+ */
+declare class MozDataTableNoDataTemplateDirective {
+    readonly template: TemplateRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableNoDataTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozDataTableNoDataTemplateDirective, "ng-template[mozDataTableNoData]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Template replacing the whole content of the header row (`<tr>` of the `<thead>`).
+ * We recommend using `th[moz-datatable-header]` cells inside this template.
+ * Equivalent of the `headers` slot of the Vue implementation.
+ */
+declare class MozDataTableHeadersTemplateDirective {
+    readonly template: TemplateRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableHeadersTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozDataTableHeadersTemplateDirective, "ng-template[mozDataTableHeaders]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Template replacing the entire content of the `<tbody>` tag.
+ * We recommend using `tr[moz-datatable-row]` / `td[moz-datatable-cell]` inside this template.
+ * Equivalent of the `body` slot of the Vue implementation.
+ */
+declare class MozDataTableBodyTemplateDirective {
+    readonly template: TemplateRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableBodyTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozDataTableBodyTemplateDirective, "ng-template[mozDataTableBody]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Marks projected content replacing the built-in selection bar.
+ * Equivalent of the `selectionbar` slot of the Vue implementation.
+ */
+declare class MozDataTableSelectionbarDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableSelectionbarDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozDataTableSelectionbarDirective, "[mozDataTableSelectionbar]", never, {}, {}, never, never, true, never>;
+}
+/** Marks the "edition" zone of the `moz-datatable-top` component */
+declare class MozDataTableTopEditionDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableTopEditionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozDataTableTopEditionDirective, "[mozDataTableTopEdition]", never, {}, {}, never, never, true, never>;
+}
+/** Marks the "actions" zone of the `moz-datatable-top` component */
+declare class MozDataTableTopActionsDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableTopActionsDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozDataTableTopActionsDirective, "[mozDataTableTopActions]", never, {}, {}, never, never, true, never>;
+}
+/** Marks the "filters" zone of the `moz-datatable-top` component */
+declare class MozDataTableTopFiltersDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableTopFiltersDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozDataTableTopFiltersDirective, "[mozDataTableTopFilters]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * DataTable component of the ADEO Design System.
+ * Angular port of `@mozaic-ds/datatable-vue` (`MDataTable`).
+ *
+ * Columns are declared either with `moz-datatable-column` elements or through
+ * the `headers` input. Cell/header content can be customized with the
+ * `mozDataTableCell` / `mozDataTableHeader` templates.
+ *
+ * ```html
+ * <moz-datatable [items]="items">
+ *   <moz-datatable-column label="Name" value="name" sortable />
+ *   <moz-datatable-column label="Status" value="status" />
+ *   <ng-template mozDataTableCell="status" let-item>{{ item.status.code }}</ng-template>
+ * </moz-datatable>
+ * ```
+ */
+declare class MozDataTableComponent<T extends Record<string, unknown> = Record<string, unknown>> implements OnInit, AfterContentInit {
+    /** An array of objects representing the data to be displayed */
+    readonly items: _angular_core.InputSignal<T[]>;
+    /**
+     * An array of objects used to define the DataTable headers.
+     * This property is mandatory if you are not using `moz-datatable-column`
+     * elements to define your columns.
+     */
+    readonly headers: _angular_core.InputSignal<MozDataTableHeader[] | undefined>;
+    /** Displays the loading state to indicate data load is in progress */
+    readonly loading: _angular_core.InputSignal<boolean | undefined>;
+    /** The key used to identify each item (used for selection and row tracking) */
+    readonly indexKey: _angular_core.InputSignal<string>;
+    /**
+     * Displays the pagination of the DataTable (and the component footer as a whole).
+     * This prop must be defined with the `totalItems` prop.
+     */
+    readonly pageable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Used to define the value of the Select "Rows per page" when the DataTable is
+     * initialised. This value must be one of the values of `itemsPerPageOptions`.
+     */
+    readonly itemsPerPage: _angular_core.InputSignal<number | undefined>;
+    /** Used to set the desired values for the Select "Rows per page" */
+    readonly itemsPerPageOptions: _angular_core.InputSignal<number[] | MozDataTablePageSizeOption[]>;
+    /** Sets the default value for the Select "Pagination" */
+    readonly currentPage: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Used to indicate the total number of data items.
+     * This property must be defined as soon as the `pageable` property is defined.
+     */
+    readonly totalItems: _angular_core.InputSignal<number | undefined>;
+    /** Used to define the value of the label associated with the Select "Rows per page" */
+    readonly itemsPerPageLabel: _angular_core.InputSignal<string>;
+    /** Replaces the preposition "of" in the footer sentence, e.g. "15-21 of 50 items" */
+    readonly countLabel: _angular_core.InputSignal<string>;
+    /** Replaces the text "items" in the footer sentence, e.g. "15-21 of 50 items" */
+    readonly infoLabelItems: _angular_core.InputSignal<string>;
+    /**
+     * Allows to visually define the default state of a sorted column.
+     * Works in conjunction with the `sortChange` output (`[(sort)]` two-way binding).
+     */
+    readonly sort: _angular_core.InputSignal<MozDataTableSort | null | undefined>;
+    /**
+     * Allows to visually define the default state of one or several sorted columns.
+     * Works in conjunction with the `sortMultipleChange` output
+     * (`[(sortMultiple)]` two-way binding).
+     */
+    readonly sortMultiple: _angular_core.InputSignal<MozDataTableSort[] | undefined>;
+    /** Defines whether sorting is done on a single column or on multiple columns */
+    readonly sortMode: _angular_core.InputSignal<MozDataTableSortMode>;
+    /** Allows you to change the line size */
+    readonly size: _angular_core.InputSignal<MozDataTableSize>;
+    /** Hides the "XX - YY of ZZ items" indication in the footer */
+    readonly hidePageCount: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Used to define a maximum height for the DataTable */
+    readonly maxHeight: _angular_core.InputSignal<string | undefined>;
+    /** Allows you to make the header fixed. Works in conjunction with `maxHeight` */
+    readonly fixedHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Allows you to pass the z-index for the static header */
+    readonly zIndex: _angular_core.InputSignal<number | undefined>;
+    /** Displays a column of checkboxes allowing rows to be selected */
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Displays or hides the selection bar */
+    readonly selectionbar: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** The selected items (`[(selection)]` two-way binding) */
+    readonly selection: _angular_core.InputSignal<T[]>;
+    readonly labelButtonClearSelection: _angular_core.InputSignal<string>;
+    readonly selectPage: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly labelPageSelected: _angular_core.InputSignal<string | undefined>;
+    readonly labelAllItemsSelected: _angular_core.InputSignal<string | undefined>;
+    /** Defines the "all items selected" state (`[(selectAll)]` two-way binding) */
+    readonly selectAll: _angular_core.InputSignal<boolean | undefined>;
+    readonly labelButtonSelectAll: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Makes rows clickable. **Caution! This prop is deprecated and will be removed soon!**
+     * Use the `clickable` prop instead.
+     * @deprecated
+     */
+    readonly clickableRows: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Makes rows clickable */
+    readonly clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Allows all the rows in the DataTable to be expandable */
+    readonly expandable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Sets the default text for the "fold/unfold" buttons. Useful for enhancing accessibility */
+    readonly expanderAccessibleLabel: _angular_core.InputSignal<string | undefined>;
+    /** Allows to choose the rows (indexes) on which to insert "expandable" content */
+    readonly expandableList: _angular_core.InputSignal<(string | number)[]>;
+    /** The key of the item used to identify expanded rows (defaults to the row index) */
+    readonly dataKeyExpand: _angular_core.InputSignal<string | undefined>;
+    /** Open expandable content by default */
+    readonly showExpandableContent: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Allows to pass identical custom CSS classes to all the rows in the table */
+    readonly rowClass: _angular_core.InputSignal<string | string[] | Record<string, boolean> | undefined>;
+    /** An object for passing labels to make component elements more accessible */
+    readonly accessibilityLabels: _angular_core.InputSignal<MozDataTableAccessibilityLabels | undefined>;
+    readonly e2eSelector: _angular_core.InputSignal<string>;
+    /** Defines whether this is a DataTable nested within another DataTable */
+    readonly nested: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Emits on "Single Sort" mode, each time a click on the sort button of a column is made */
+    readonly sortChange: _angular_core.OutputEmitterRef<MozDataTableSort>;
+    /** Emits on "Multiple Sort" mode, each time a click on the sort button of a column is made */
+    readonly sortMultipleChange: _angular_core.OutputEmitterRef<MozDataTableSort[]>;
+    readonly currentPageChange: _angular_core.OutputEmitterRef<number>;
+    readonly itemsPerPageChange: _angular_core.OutputEmitterRef<number>;
+    /** Emits each time the sort, the page size or the current page changes */
+    readonly changed: _angular_core.OutputEmitterRef<MozDataTableUpdatePayload>;
+    readonly clickRow: _angular_core.OutputEmitterRef<MozDataTableRowEvent<T>>;
+    readonly selectRow: _angular_core.OutputEmitterRef<MozDataTableRowEvent<T>>;
+    readonly unselectRow: _angular_core.OutputEmitterRef<MozDataTableRowEvent<T>>;
+    readonly selectAllRows: _angular_core.OutputEmitterRef<MozDataTableRowsEvent<T>>;
+    readonly unselectAllRows: _angular_core.OutputEmitterRef<void>;
+    readonly selectMultipleRows: _angular_core.OutputEmitterRef<MozDataTableRowsEvent<T>>;
+    readonly unselectMultipleRows: _angular_core.OutputEmitterRef<MozDataTableRowsEvent<T>>;
+    readonly selectPageChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly selectAllChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<T[]>;
+    readonly expandRow: _angular_core.OutputEmitterRef<MozDataTableRowEvent<T>>;
+    readonly retractRow: _angular_core.OutputEmitterRef<MozDataTableRowEvent<T>>;
+    protected readonly columns: _angular_core.Signal<readonly MozDataTableColumnComponent[]>;
+    protected readonly cellTemplates: _angular_core.Signal<readonly MozDataTableCellTemplateDirective<any>[]>;
+    protected readonly headerTemplates: _angular_core.Signal<readonly MozDataTableHeaderTemplateDirective[]>;
+    protected readonly expandTemplate: _angular_core.Signal<MozDataTableExpandTemplateDirective<any> | undefined>;
+    protected readonly noDataTemplate: _angular_core.Signal<MozDataTableNoDataTemplateDirective | undefined>;
+    protected readonly headersTemplate: _angular_core.Signal<MozDataTableHeadersTemplateDirective | undefined>;
+    protected readonly bodyTemplate: _angular_core.Signal<MozDataTableBodyTemplateDirective | undefined>;
+    protected readonly customSelectionbar: _angular_core.Signal<MozDataTableSelectionbarDirective | undefined>;
+    private readonly _sortState;
+    private readonly _sortMultipleState;
+    private readonly _itemsPerPageState;
+    private readonly _currentPageState;
+    private readonly _selectAllState;
+    protected readonly pageState: _angular_core.WritableSignal<boolean>;
+    private readonly _selectedItems;
+    private readonly _lastSelectedItem;
+    private readonly _expandedRows;
+    constructor();
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    protected readonly getHeaders: _angular_core.Signal<MozDataTableHeader[]>;
+    protected readonly getSort: _angular_core.Signal<MozDataTableSort | null | undefined>;
+    protected readonly getSortMultiple: _angular_core.Signal<MozDataTableSort[]>;
+    protected readonly getItemsPerPage: _angular_core.Signal<number>;
+    protected readonly getCurrentPage: _angular_core.Signal<number>;
+    protected readonly getSelectedItems: _angular_core.Signal<T[]>;
+    protected readonly getSelectAll: _angular_core.Signal<boolean>;
+    protected readonly getClickable: _angular_core.Signal<boolean>;
+    protected readonly getPaginationLength: _angular_core.Signal<number>;
+    protected readonly getPageCountInfos: _angular_core.Signal<{
+        start: number;
+        end: number;
+        total: number;
+    }>;
+    protected readonly getOptions: _angular_core.Signal<{
+        text: string;
+        value: number;
+    }[]>;
+    protected readonly getItemsPerPageOptions: _angular_core.Signal<MozDataTablePageSizeOption[]>;
+    protected readonly isPageSelected: _angular_core.Signal<boolean>;
+    protected readonly isPageIndeterminate: _angular_core.Signal<boolean>;
+    protected readonly multiSelectionPage: _angular_core.Signal<boolean>;
+    protected readonly getLabelButtonSelectAll: _angular_core.Signal<string>;
+    protected readonly getLabelSelectedPage: _angular_core.Signal<string>;
+    protected readonly getLabelAllItemsSelected: _angular_core.Signal<string>;
+    protected readonly hostClasses: _angular_core.Signal<{
+        [x: string]: boolean;
+        'mc-datatable': boolean;
+        'mc-datatable--sticky-header': boolean;
+    }>;
+    protected readonly skeletonRows: _angular_core.Signal<number[]>;
+    protected cellTemplateFor(column: string): MozDataTableCellTemplateDirective | undefined;
+    protected headerTemplateFor(column: string): MozDataTableHeaderTemplateDirective | undefined;
+    protected getSortDirection(headerKey: string): MozDataTableSortDirection;
+    updateSort(sort: MozDataTableSort, noChange?: boolean): void;
+    private sortByHeaderOrder;
+    protected updatePageSize(size: number): void;
+    protected updateCurrentPage(page: number): void;
+    private emitChange;
+    protected trackRow(index: number, item: T): unknown;
+    protected displayValue(item: T, key: string): string;
+    protected onClickRow(rowData: T, rowIndex: number): void;
+    protected isSelected(item: T): boolean;
+    private onSelectRow;
+    protected onSelectRowWithShift(event: MouseEvent, rowData: T, rowIndex: number): void;
+    protected onClickMasterCheckbox(event: Event): void;
+    private onPageSelected;
+    private clearSelection;
+    protected clearAll(): void;
+    protected onSelectAllFromBar(): void;
+    private setSelectedItems;
+    protected displayExpandButton(rowIndex: number): boolean;
+    protected onClickExpandButton(rowData: T, rowIndex: number): void;
+    protected isRowExpanded(rowData: T, rowIndex: number): boolean;
+    private expandRowKey;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDataTableComponent<any>, "moz-datatable", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "headers": { "alias": "headers"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "indexKey": { "alias": "indexKey"; "required": false; "isSignal": true; }; "pageable": { "alias": "pageable"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "itemsPerPageOptions": { "alias": "itemsPerPageOptions"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "itemsPerPageLabel": { "alias": "itemsPerPageLabel"; "required": false; "isSignal": true; }; "countLabel": { "alias": "countLabel"; "required": false; "isSignal": true; }; "infoLabelItems": { "alias": "infoLabelItems"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "sortMultiple": { "alias": "sortMultiple"; "required": false; "isSignal": true; }; "sortMode": { "alias": "sortMode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hidePageCount": { "alias": "hidePageCount"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectionbar": { "alias": "selectionbar"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "labelButtonClearSelection": { "alias": "labelButtonClearSelection"; "required": false; "isSignal": true; }; "selectPage": { "alias": "selectPage"; "required": false; "isSignal": true; }; "labelPageSelected": { "alias": "labelPageSelected"; "required": false; "isSignal": true; }; "labelAllItemsSelected": { "alias": "labelAllItemsSelected"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "labelButtonSelectAll": { "alias": "labelButtonSelectAll"; "required": false; "isSignal": true; }; "clickableRows": { "alias": "clickableRows"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanderAccessibleLabel": { "alias": "expanderAccessibleLabel"; "required": false; "isSignal": true; }; "expandableList": { "alias": "expandableList"; "required": false; "isSignal": true; }; "dataKeyExpand": { "alias": "dataKeyExpand"; "required": false; "isSignal": true; }; "showExpandableContent": { "alias": "showExpandableContent"; "required": false; "isSignal": true; }; "rowClass": { "alias": "rowClass"; "required": false; "isSignal": true; }; "accessibilityLabels": { "alias": "accessibilityLabels"; "required": false; "isSignal": true; }; "e2eSelector": { "alias": "e2eSelector"; "required": false; "isSignal": true; }; "nested": { "alias": "nested"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "sortMultipleChange": "sortMultipleChange"; "currentPageChange": "currentPageChange"; "itemsPerPageChange": "itemsPerPageChange"; "changed": "changed"; "clickRow": "clickRow"; "selectRow": "selectRow"; "unselectRow": "unselectRow"; "selectAllRows": "selectAllRows"; "unselectAllRows": "unselectAllRows"; "selectMultipleRows": "selectMultipleRows"; "unselectMultipleRows": "unselectMultipleRows"; "selectPageChange": "selectPageChange"; "selectAllChange": "selectAllChange"; "selectionChange": "selectionChange"; "expandRow": "expandRow"; "retractRow": "retractRow"; }, ["columns", "cellTemplates", "headerTemplates", "expandTemplate", "noDataTemplate", "headersTemplate", "bodyTemplate", "customSelectionbar"], ["moz-datatable-top, [mozDataTableTopbar]", "[mozDataTableSelectionbar]"], true, never>;
+}
+
+/**
+ * Header cell (`<th>`) of the DataTable.
+ * Displays the sort button when the column is `sortable`.
+ *
+ * Equivalent of the `MDataTableHeader` component of the Vue implementation.
+ */
+declare class MozDataTableHeaderComponent {
+    /** Header cell label */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Refers to a key, present in the items object, whose content will be displayed in the cells of the column */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Defines whether the column is sortable or not */
+    readonly sortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Defines sort order (Ascending or Descending) */
+    readonly sortDirection: _angular_core.InputSignal<MozDataTableSortDirection>;
+    /** Defines sort order on component loading */
+    readonly sortDirectionDefault: _angular_core.InputSignal<MozDataTableSortDirection>;
+    /** Additional data merged into the payload emitted when sorting this column */
+    readonly additionalProps: _angular_core.InputSignal<Record<string, unknown> | undefined>;
+    /** Defines header cell as associated with `selectable` cells */
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Defines header cell as associated with `expandable` cells */
+    readonly expandable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Misc */
+    readonly e2eSelector: _angular_core.InputSignal<string>;
+    /** Template used to replace/format the content of the header cell (`mozDataTableHeader` template) */
+    readonly labelTemplate: _angular_core.InputSignal<TemplateRef<MozDataTableHeaderContext> | null>;
+    /** The header configuration passed as context to `labelTemplate` */
+    readonly headerConfig: _angular_core.InputSignal<MozDataTableHeader | undefined>;
+    /** Emits each time a click on the sort button is made */
+    readonly updateSortDirection: _angular_core.OutputEmitterRef<MozDataTableSort>;
+    readonly classes: _angular_core.Signal<{
+        'mc-datatable__head': boolean;
+        'mc-datatable__cell-button': boolean;
+        'mc-datatable__cell-checkbox': boolean;
+    }>;
+    readonly templateContext: _angular_core.Signal<MozDataTableHeaderContext>;
+    toggleSort(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDataTableHeaderComponent, "th[moz-datatable-header]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "sortDirectionDefault": { "alias": "sortDirectionDefault"; "required": false; "isSignal": true; }; "additionalProps": { "alias": "additionalProps"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "e2eSelector": { "alias": "e2eSelector"; "required": false; "isSignal": true; }; "labelTemplate": { "alias": "labelTemplate"; "required": false; "isSignal": true; }; "headerConfig": { "alias": "headerConfig"; "required": false; "isSignal": true; }; }, { "updateSortDirection": "updateSortDirection"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Row (`<tr>`) of the DataTable body.
+ *
+ * Equivalent of the `MDataTableRow` component of the Vue implementation.
+ */
+declare class MozDataTableRowComponent {
+    /** Defines whether the row is clickable or not */
+    readonly clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Defines whether this is an "expandable" row */
+    readonly expandable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Defines the "expanded" state of the row */
+    readonly expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Defines the "selected" state of the row */
+    readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly classes: _angular_core.Signal<{
+        'mc-datatable__row': boolean;
+        'mc-datatable__row--clickable': boolean;
+        'mc-datatable__row-parent': boolean;
+        'mc-datatable__row-parent--expanded': boolean;
+        selected: boolean;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableRowComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDataTableRowComponent, "tr[moz-datatable-row]", never, { "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Cell (`<td>` or `<th>`) of the DataTable body.
+ *
+ * Equivalent of the `MDataTableCell` component of the Vue implementation.
+ */
+declare class MozDataTableCellComponent {
+    /** Allows you to define the type of content that will be inserted in the cell */
+    readonly type: _angular_core.InputSignal<MozDataTableCellType | undefined>;
+    /** Refers to a key, present in the items object, whose content is displayed in the cell */
+    readonly value: _angular_core.InputSignal<string>;
+    readonly classes: _angular_core.Signal<{
+        [x: string]: boolean;
+        'mc-datatable__cell': boolean;
+        'mc-datatable__cell-button': boolean;
+        'mc-datatable__cell-checkbox': boolean;
+        'mc-datatable__cell-field': boolean;
+        'mc-datatable__cell-number': boolean;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableCellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDataTableCellComponent, "td[moz-datatable-cell], th[moz-datatable-cell]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Topbar of the DataTable. Use the `mozDataTableTopEdition`,
+ * `mozDataTableTopActions` and `mozDataTableTopFilters` attributes to mark
+ * the content of each zone:
+ *
+ * ```html
+ * <moz-datatable [items]="items">
+ *   <moz-datatable-top>
+ *     <div mozDataTableTopActions>
+ *       <button moz-button size="s">Primary action</button>
+ *     </div>
+ *   </moz-datatable-top>
+ * </moz-datatable>
+ * ```
+ *
+ * Equivalent of the `MDataTableTop` component of the Vue implementation.
+ */
+declare class MozDataTableTopComponent {
+    readonly edition: _angular_core.Signal<MozDataTableTopEditionDirective | undefined>;
+    readonly actions: _angular_core.Signal<MozDataTableTopActionsDirective | undefined>;
+    readonly filters: _angular_core.Signal<MozDataTableTopFiltersDirective | undefined>;
+    readonly hasContent: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDataTableTopComponent, never>;
+    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 };