@pecb-ui/components 1.1.7 → 1.1.8

package/index.d.ts

@@ -132,6 +132,13 @@ declare class CardComponent {
      * Whether to add padding to the card
      */
     noPadding: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the card clips overflowing content to its rounded corners.
+     * Defaults to true (clips media/sections to the rounded shape).
+     * Set to false when the card hosts content that must escape its bounds,
+     * e.g. a dropdown/select panel that would otherwise be cut off.
+     */
+    clipContent: _angular_core.InputSignal<boolean>;
     /**
      * Border-radius: predefined token ('xs'|'sm'|'md'|'lg'|'none'|'full')
      * or any CSS value e.g. '20px', '50%'
@@ -161,7 +168,7 @@ declare class CardComponent {
     get borderRadiusStyle(): string;
     get roleAttribute(): string | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "pecb-card", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "noPadding": { "alias": "noPadding"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "pecb-card", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "noPadding": { "alias": "noPadding"; "required": false; "isSignal": true; }; "clipContent": { "alias": "clipContent"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 declare class CardHeaderComponent {
     headingLevel: _angular_core.InputSignal<number | null>;
@@ -297,6 +304,10 @@ interface PecbTableColumn {
     key: string;
     label: string;
     width?: string;
+    /** Caps the cell width so long text truncates with an ellipsis (e.g. '240px'). */
+    maxWidth?: string;
+    /** Wrap long text onto multiple lines instead of truncating. Overrides the table-level `wrapText`. */
+    wrap?: boolean;
     align?: 'left' | 'center' | 'right';
     sortable?: boolean;
     cellTemplate?: TemplateRef<any>;
@@ -416,6 +427,18 @@ declare class TableComponent {
      * Maximum height of the table body (enables scrolling)
      */
     maxHeight: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Minimum width of the table (any CSS value, e.g. '800px', '60rem').
+     * Below this, the container scrolls horizontally instead of squishing
+     * columns — useful for wide tables on responsive / narrow screens.
+     */
+    minWidth: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When true, long cell text wraps onto multiple lines.
+     * When false (default), it truncates with an ellipsis (…) and the full
+     * value is shown on hover via the cell's title. Per-column `wrap` overrides this.
+     */
+    wrapText: _angular_core.InputSignal<boolean>;
     /**
      * Column key currently being sorted
      */
@@ -464,6 +487,10 @@ declare class TableComponent {
     get tableClasses(): string;
     getCellValue(row: any, key: string): any;
     getAlignmentClass(column: PecbTableColumn): string;
+    /** Whether a column's cells wrap long text (per-column overrides the table default). */
+    isCellWrapped(column: PecbTableColumn): boolean;
+    /** Full text shown on hover for truncated text/link cells (so nothing is lost). */
+    getCellTitle(row: any, column: PecbTableColumn): string | null;
     onRowClick(row: any, index: number): void;
     onRowAction(action: string, row: any, index: number, event: Event): void;
     onHeaderClick(column: PecbTableColumn): void;
@@ -497,7 +524,7 @@ declare class TableComponent {
     getLinkHref(value: string): string;
     private emitSelectionChange;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "pecb-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; "isSignal": true; }; "paginationVariant": { "alias": "paginationVariant"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectedIndices": { "alias": "selectedIndices"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "selectAllAriaLabel": { "alias": "selectAllAriaLabel"; "required": false; "isSignal": true; }; "selectRowAriaLabel": { "alias": "selectRowAriaLabel"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; "selectedIndices": "selectedIndicesChange"; "sortColumn": "sortColumnChange"; "sortDirection": "sortDirectionChange"; "pageChange": "pageChange"; "rowClick": "rowClick"; "rowAction": "rowAction"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; }, ["emptyTemplate", "loadingTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "pecb-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; "isSignal": true; }; "paginationVariant": { "alias": "paginationVariant"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectedIndices": { "alias": "selectedIndices"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "wrapText": { "alias": "wrapText"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "selectAllAriaLabel": { "alias": "selectAllAriaLabel"; "required": false; "isSignal": true; }; "selectRowAriaLabel": { "alias": "selectRowAriaLabel"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; "selectedIndices": "selectedIndicesChange"; "sortColumn": "sortColumnChange"; "sortDirection": "sortDirectionChange"; "pageChange": "pageChange"; "rowClick": "rowClick"; "rowAction": "rowAction"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; }, ["emptyTemplate", "loadingTemplate"], never, true, never>;
 }
 
 type TabStyle = 'rounded' | 'line';
@@ -1693,12 +1720,17 @@ declare class SpinnerComponent {
     id: _angular_core.InputSignal<string>;
     size: _angular_core.InputSignal<number>;
     ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Arc color. Any CSS color value.
+     * Defaults to the brand primary (#a11e29) defined in SCSS when empty.
+     */
+    color: _angular_core.InputSignal<string>;
     sizeValue: _angular_core.Signal<number>;
     strokeWidth: _angular_core.Signal<number>;
     radius: _angular_core.Signal<number>;
     circumference: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpinnerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "pecb-spinner", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "pecb-spinner", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class ProgressBarComponent {
     id: _angular_core.InputSignal<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pecb-ui/components",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "Professional Angular UI Components Library with TypeScript and SCSS by PECB",
   "author": "PECB",
   "license": "MIT",