suis 0.19.0 → 0.21.0

package/lib/components/index.d.ts

@@ -16,10 +16,12 @@ export * from './suis-navigation-group-item';
 export * from './suis-navigation-item';
 export * from './suis-notification';
 export * from './suis-notifications';
+export * from './suis-pagination';
 export * from './suis-progress-bar';
 export * from './suis-select';
 export * from './suis-select-option';
 export * from './suis-select-multi';
 export * from './suis-spinner';
 export * from './suis-spinner-container';
+export * from './suis-table';
 export * from './suis-title';

package/lib/components/suis-icon/suis-icon.enums.d.ts

@@ -10,5 +10,7 @@ export declare enum SuisIconType {
     ARROW_RIGHT = "arrow-right",
     ARROW_DOWN = "arrow-down",
     CHEVRON_UP = "chevron-up",
-    CHEVRON_DOWN = "chevron-down"
+    CHEVRON_DOWN = "chevron-down",
+    CHEVRON_LEFT = "chevron-left",
+    CHEVRON_RIGHT = "chevron-right"
 }

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

@@ -0,0 +1 @@
+export * from './suis-pagination.component';

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

@@ -0,0 +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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisPaginationPagePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SuisPaginationPagePipe, "suisPaginationPage", true>;
+}

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

@@ -0,0 +1,41 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { SuisIconType } from '../suis-icon';
+import * as i0 from "@angular/core";
+export declare class SuisPaginationComponent implements OnChanges {
+    /** @internal */
+    SuisIconType: typeof SuisIconType;
+    /** @internal */
+    /**
+     * Number of the maximum page that can be reached based on totalItems and perPage values.
+     */
+    maxPage: number;
+    /**
+     * Number of the page presented. By default set to 1.
+     */
+    page: number;
+    /**
+     * Number of items presented per page. By default set to 15.
+     */
+    perPage: number;
+    /**
+     * Number of total items in data source. By default set to 0.
+     */
+    totalItems: number;
+    /**
+     * Adds margin top above the pagination. By default set to true.
+     */
+    spacing: boolean;
+    /**
+     * Sets the page label between the buttons. By default set to 'Page'.
+     */
+    pageLabel: string;
+    /**
+     * Emits on page value change.
+     */
+    pageChange: EventEmitter<number>;
+    ngOnChanges(changes: SimpleChanges): void;
+    next(): void;
+    previous(): 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>;
+}

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

@@ -0,0 +1,4 @@
+export * from './suis-table.component';
+export * from './suis-table-column.directive';
+export * from './suis-table-cell.directive';
+export * from './suis-table.interfaces';

package/lib/components/suis-table/suis-table-cell.directive.d.ts

@@ -0,0 +1,10 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SuisTableCellDirective {
+    /**
+     * Template of the table cell.
+     */
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisTableCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuisTableCellDirective, "[suisTableCell]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/suis-table/suis-table-column.directive.d.ts

@@ -0,0 +1,14 @@
+import { SuisTableCellDirective } from './suis-table-cell.directive';
+import * as i0 from "@angular/core";
+export declare class SuisTableColumnDirective {
+    cell?: SuisTableCellDirective;
+    protected _name: string;
+    protected _orderProperty: string;
+    /** Unique name for this column. */
+    get name(): string;
+    set name(name: string);
+    get orderProperty(): string;
+    set orderProperty(orderProperty: string);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisTableColumnDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuisTableColumnDirective, "[suisTableColumn]", never, { "name": { "alias": "suisTableColumn"; "required": false; }; "orderProperty": { "alias": "suisTableColumnOrderProperty"; "required": false; }; }, {}, ["cell"], never, true, never>;
+}

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

@@ -0,0 +1,38 @@
+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 * as i0 from "@angular/core";
+export declare class SuisTableComponent {
+    /** @internal */
+    readonly SuisIconType: typeof SuisIconType;
+    /** @internal */
+    columns?: QueryList<SuisTableColumnDirective>;
+    /**
+     * Data items collection. Type of SuisTableDataItem[]. By default set to empty array. Required input.
+     */
+    data: SuisTableDataItem[];
+    /**
+     * Specifies property that data is ordered. By default set to empty string.
+     */
+    orderBy: string;
+    /**
+     * Specifies sort condition. Accepted values - 'asc' and 'desc'. By default set to 'asc'.
+     */
+    sortBy: 'asc' | 'desc';
+    /**
+     * Shows loading spinner and blurs data. By default set to false.
+     */
+    loading: boolean;
+    /**
+     * Emits value on sort condition change.
+     */
+    sortByChange: EventEmitter<string>;
+    /**
+     * Emits value on order property change.
+     */
+    orderByChange: EventEmitter<string>;
+    onColumnClick(property: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuisTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisTableComponent, "suis-table", never, { "data": { "alias": "data"; "required": true; }; "orderBy": { "alias": "orderBy"; "required": false; }; "sortBy": { "alias": "sortBy"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "sortByChange": "sortByChange"; "orderByChange": "orderByChange"; }, ["columns"], never, true, never>;
+}

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

@@ -0,0 +1,3 @@
+export interface SuisTableDataItem {
+    [key: string]: any;
+}

package/lib/shared/classes/suis-button.base.d.ts

@@ -18,6 +18,10 @@ export declare abstract class SuisButtonBase {
      * Shows loading spinner instead of content projection. By default set to false.
      */
     loading: boolean;
+    /**
+     * Sets width to fit-content instead of 100%. By default set to false.
+     */
+    fitContent: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisButtonBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SuisButtonBase, never, never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuisButtonBase, never, never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suis",
-  "version": "0.19.0",
+  "version": "0.21.0",
   "main": "src/index.ts",
   "author": "Karol Jaskółka",
   "description": "SUIS (Standalone UI + Signals) Angular 16+ Component Library",
@@ -12,13 +12,13 @@
     "dashboard"
   ],
   "peerDependencies": {
-    "@angular/common": "^16.0.0",
-    "@angular/core": "^16.0.0",
+    "@angular/common": ">=16.0.0",
+    "@angular/core": ">=16.0.0",
     "@angular/router": "16.0.0",
     "@angular/forms": "16.0.0"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": ">=2.3.0"
   },
   "sideEffects": false,
   "module": "fesm2022/suis.mjs",