matcha-components 20.12.0 → 20.13.0

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { OnInit, OnChanges, EventEmitter, SimpleChanges, AfterContentInit, OnDestroy, QueryList, ElementRef, Renderer2, TemplateRef, ChangeDetectorRef, AfterViewInit, NgZone, ApplicationRef, Injector, RendererFactory2, Type, ComponentRef } from '@angular/core';
 import * as rxjs from 'rxjs';
-import { Observable } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import * as i3 from '@angular/forms';
 import { FormControlName, ControlValueAccessor, NgControl } from '@angular/forms';
 import * as i2 from '@angular/common';
@@ -1159,6 +1159,76 @@ declare class MatchaAutocompleteComponent implements AfterContentInit, AfterView
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaAutocompleteComponent, "matcha-autocomplete", never, { "placement": { "alias": "placement"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, ["options"], ["*"], false, never>;
 }
 
+interface PageEvent {
+    /** The current page index. */
+    pageIndex: number;
+    /** Index of the page that was selected previously. */
+    previousPageIndex?: number;
+    /** The current page size. */
+    pageSize: number;
+    /** The current total number of items being paged. */
+    length: number;
+}
+
+/**
+ * Service to internationalize the paginator component.
+ * Based on Angular Material's MatPaginatorIntl
+ */
+declare class MatchaPaginatorIntl {
+    /** Stream to emit from when labels are changed. Used by the paginator to update the labels. */
+    readonly changes: Subject<void>;
+    /** A label for the page size selector. */
+    itemsPerPageLabel: string;
+    /** A label for the button that increments the current page. */
+    nextPageLabel: string;
+    /** A label for the button that decrements the current page. */
+    previousPageLabel: string;
+    /** A label for the button that moves to the first page. */
+    firstPageLabel: string;
+    /** A label for the button that moves to the last page. */
+    lastPageLabel: string;
+    /**
+     * A label for the range of items within the current page and the length of the whole list.
+     */
+    getRangeLabel: (page: number, pageSize: number, length: number) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPaginatorIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MatchaPaginatorIntl>;
+}
+
+declare class MatchaPaginatorComponent implements OnDestroy {
+    _intl: MatchaPaginatorIntl;
+    private _changeDetectorRef;
+    pageIndex: number;
+    length: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    /** Color theme for active page button. Defaults to 'accent' */
+    color: string;
+    page: EventEmitter<PageEvent>;
+    private _intlChanges;
+    constructor(_intl: MatchaPaginatorIntl, _changeDetectorRef: ChangeDetectorRef);
+    ngOnDestroy(): void;
+    get currentPage(): number;
+    get totalPages(): number;
+    get hasPreviousPage(): boolean;
+    get hasNextPage(): boolean;
+    get displayPages(): (number | string)[];
+    trackByPage(index: number, item: number | string): number | string;
+    /** Check if item is a number (for template use only) */
+    typeof(value: any): string;
+    /** Navigate to previous page */
+    previousPage(): void;
+    /** Navigate to next page */
+    nextPage(): void;
+    /** Navigate to specific page */
+    goToPage(page: number): void;
+    /** Handle page size change */
+    onPageSizeChange(event: Event): void;
+    private changePage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPaginatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaPaginatorComponent, "matcha-paginator", never, { "pageIndex": { "alias": "pageIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "page": "page"; }, never, never, false, never>;
+}
+
 declare class MatchaTooltipDirective {
     private el;
     private renderer;
@@ -1425,17 +1495,9 @@ declare class MatchaMenuModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaMenuModule>;
 }
 
-declare class MatchaPaginatorDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPaginatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaPaginatorDirective, "[matchaPaginator]", never, {}, {}, never, never, false, never>;
-}
-
 declare class MatchaPaginatorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaPaginatorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaPaginatorModule, [typeof MatchaPaginatorDirective], [typeof i2.CommonModule], [typeof MatchaPaginatorDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaPaginatorModule, [typeof MatchaPaginatorComponent], [typeof i2.CommonModule, typeof MatchaIconModule], [typeof MatchaPaginatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaPaginatorModule>;
 }
 
@@ -1734,5 +1796,5 @@ declare class StepContentDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<StepContentDirective, "[step]", never, { "step": { "alias": "step"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
-export type { DrawerItem, DrawerMode, DrawerPosition, DrawerSection, ILevelClasses, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, MatchaOptionParent, ModalComponent, PanelPlacement, PanelPosition };
+export { MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
+export type { DrawerItem, DrawerMode, DrawerPosition, DrawerSection, ILevelClasses, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, MatchaOptionParent, ModalComponent, PageEvent, PanelPlacement, PanelPosition };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "matcha-components",
-  "version": "20.12.0",
+  "version": "20.13.0",
   "peerDependencies": {},
   "dependencies": {
     "tslib": "^2.3.0"