suis 0.23.1 → 0.23.2

package/lib/components/suis-pagination/suis-pagination-items.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SuisPaginationItemsPipe implements PipeTransform {
+    transform(ofLabel: string, page: number, perPage: number, totalItems: number, itemsLabel: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisPaginationItemsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SuisPaginationItemsPipe, "suisPaginationItems", true>;
+}

package/lib/components/suis-pagination/suis-pagination-page.pipe.d.ts

@@ -1,7 +1,7 @@
 import { PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SuisPaginationPagePipe implements PipeTransform {
-    transform(pageLabel: string, page: number, perPage: number, totalItems: number): string;
+    transform(ofLabel: string, page: number, perPage: number, totalItems: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisPaginationPagePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SuisPaginationPagePipe, "suisPaginationPage", true>;
 }

package/lib/components/suis-pagination/suis-pagination-per-page-options.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { SuisSelectOption } from '../suis-select-option/suis-select-option.interfaces';
+import * as i0 from "@angular/core";
+export declare class SuisPaginationPerPageOptionsPipe implements PipeTransform {
+    transform(options: number[]): SuisSelectOption<number>[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisPaginationPerPageOptionsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SuisPaginationPerPageOptionsPipe, "suisPaginationPerPageOptions", true>;
+}

package/lib/components/suis-pagination/suis-pagination.component.d.ts

@@ -1,9 +1,15 @@
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { SuisIconType } from '../suis-icon';
+import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class SuisPaginationComponent implements OnChanges {
+export declare class SuisPaginationComponent implements OnInit, OnChanges {
+    private readonly destroyRef;
     /** @internal */
-    SuisIconType: typeof SuisIconType;
+    private readonly PER_PAGE;
+    /** @internal */
+    readonly SuisIconType: typeof SuisIconType;
+    /** @internal */
+    perPageControl: FormControl<number>;
     /** @internal */
     /**
      * Number of the maximum page that can be reached based on totalItems and perPage values.
@@ -17,6 +23,10 @@ export declare class SuisPaginationComponent implements OnChanges {
      * Number of items presented per page. By default set to 15.
      */
     perPage: number;
+    /**
+     * Options of perPage dropdown. Be default set to [10, 15, 20, 25].
+     */
+    perPageOptions: number[];
     /**
      * Number of total items in data source. By default set to 0.
      */
@@ -26,16 +36,26 @@ export declare class SuisPaginationComponent implements OnChanges {
      */
     spacing: boolean;
     /**
-     * Sets the page label between the buttons. By default set to 'Page'.
+     * Sets the of label "1 'of' 25". By default set to 'of'.
      */
-    pageLabel: string;
+    ofLabel: string;
+    /**
+     * Sets the page label "1-10 'of' 25 'items'". By default set to 'Page'.
+     */
+    itemsLabel: string;
     /**
      * Emits on page value change.
      */
     pageChange: EventEmitter<number>;
+    /**
+     * Emits on perPage value change.
+     */
+    perPageChange: EventEmitter<number>;
+    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     next(): void;
     previous(): void;
+    onPerPageChange(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisPaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisPaginationComponent, "suis-pagination", never, { "page": { "alias": "page"; "required": false; }; "perPage": { "alias": "perPage"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "pageLabel": { "alias": "pageLabel"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisPaginationComponent, "suis-pagination", never, { "page": { "alias": "page"; "required": false; }; "perPage": { "alias": "perPage"; "required": false; }; "perPageOptions": { "alias": "perPageOptions"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "ofLabel": { "alias": "ofLabel"; "required": false; }; "itemsLabel": { "alias": "itemsLabel"; "required": false; }; }, { "pageChange": "pageChange"; "perPageChange": "perPageChange"; }, never, never, true, never>;
 }

package/lib/components/suis-select/suis-select.component.d.ts

@@ -3,10 +3,14 @@ import * as i0 from "@angular/core";
 export declare class SuisSelectComponent<T> extends SuisSelectBase<T> {
     /** @internal */
     value: T | null;
+    /**
+     * Allows mechanism of clearing value. By default set to true.
+     */
+    nullable: boolean;
     writeValue(obj: T): void;
     onSelect(value: T): void;
     clearValue(): void;
     setValue(value: T | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisSelectComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisSelectComponent<any>, "suis-select", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisSelectComponent<any>, "suis-select", never, { "nullable": { "alias": "nullable"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/suis-table/suis-table.component.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter, QueryList } from '@angular/core';
 import { SuisTableDataItem } from './suis-table.interfaces';
 import { SuisTableColumnDirective } from './suis-table-column.directive';
 import { SuisIconType } from '../suis-icon';
+import { SuisSort } from '../../types/suis-sort.type';
 import * as i0 from "@angular/core";
 export declare class SuisTableComponent {
     /** @internal */
@@ -17,9 +18,9 @@ export declare class SuisTableComponent {
      */
     orderBy: string;
     /**
-     * Specifies sort condition. Accepted values - 'asc' and 'desc'. By default set to 'asc'.
+     * Specifies sort condition. Type of SuisSort - 'asc' and 'desc'. By default set to 'asc'.
      */
-    sortBy: 'asc' | 'desc';
+    sortBy: SuisSort;
     /**
      * Shows loading spinner and blurs data. By default set to false.
      */
@@ -31,7 +32,7 @@ export declare class SuisTableComponent {
     /**
      * Emits value on sort condition change.
      */
-    sortByChange: EventEmitter<string>;
+    sortByChange: EventEmitter<SuisSort>;
     /**
      * Emits value on order property change.
      */

package/lib/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './suis-color.type';
 export * from './suis-size.type';
+export * from './suis-sort.type';

package/lib/types/suis-sort.type.d.ts

@@ -0,0 +1 @@
+export type SuisSort = 'asc' | 'desc';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suis",
-  "version": "0.23.1",
+  "version": "0.23.2",
   "main": "src/index.ts",
   "author": "Karol Jaskółka",
   "description": "SUIS (Standalone UI + Signals) Angular 16+ Component Library",