ui-core-abv 0.3.76 → 0.3.82

package/lib/components/button/button.component.d.ts

@@ -16,6 +16,6 @@ export declare class UicButtonComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<UicButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UicButtonComponent, "ui-button", never, { "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
-export type ButtonColor = 'primary' | 'secondary' | 'red' | 'green' | 'blue' | 'yellow' | 'black' | 'grey';
+export type ButtonColor = 'primary' | 'secondary' | 'red' | 'green' | 'blue' | 'yellow' | 'black' | 'grey' | 'white';
 export type ButtonSize = 't' | 's' | 'm' | 'l' | 'g';
 export type ButtonType = 'filled' | 'bordered' | 'ghost';

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

@@ -56,7 +56,7 @@ export declare class UicTableComponent {
     getFontColor(data: TableRowData[], key: string): string;
     getBackgroundColor(data: TableRowData[], key: string): import("ui-core-abv").BackgroundColors;
     isValidRule(data: TableRowData[], key: string[] | undefined): boolean;
-    getIcon(data: TableRowData[], key: string): string | null;
+    getIcon(data: TableRowData[], key: string, right?: boolean): string | null;
     getList(data: TableRowData[], key: string): import("ui-core-abv").TableList[];
     getUser(data: TableRowData[], key: string): import("ui-core-abv").TableUser | undefined;
     sortClick(key: string): void;
@@ -71,6 +71,7 @@ export declare class UicTableComponent {
     doAction(rowId: string | number, key: string, event?: MouseEvent): void;
     resetCheckedIds(): void;
     switchHandler(key: string | number, value: boolean, columName: string): void;
+    expand(rowRef: TableRow, event?: MouseEvent): void;
     actionsRef?: ElementRef;
     hasActions: boolean;
     ngAfterContentInit(): void;

package/lib/components/table/table.models.d.ts

@@ -1,12 +1,13 @@
 import { ButtonColor, ButtonType } from "../button/button.component";
 export interface TableColums {
-    label: string;
     key: string;
+    label: string;
     width?: number;
     align?: 'flex-start' | 'flex-end' | 'center';
-    type: ColumnTypes;
+    type?: ColumnTypes;
     sortEnable?: boolean;
     actions?: TableButton[];
+    hideOn?: 'small' | 'medium';
     moreActions?: {
         icon?: string;
         actions: TableButton[];
@@ -25,6 +26,7 @@ export interface TableRow {
     id: number | string;
     data: TableRowData[];
     highlighted?: boolean;
+    expanded?: boolean;
 }
 export interface TableRowData {
     key: string;
@@ -34,9 +36,11 @@ export interface TableRowData {
     list?: TableList[];
     user?: TableUser;
     icon?: string;
+    rightIcon?: string;
     iconColor?: string;
     textColor?: TableTextColors;
     color?: BackgroundColors;
+    expanded?: boolean;
 }
 export interface TableList {
     text: string;
@@ -55,7 +59,7 @@ export interface TableAction {
     rowId: number | string;
     key: string;
 }
-export type ColumnTypes = 'actions' | 'text' | 'list' | 'user' | 'checkbox' | 'icon-list' | 'status' | 'switch';
+export type ColumnTypes = 'actions' | 'text' | 'list' | 'user' | 'checkbox' | 'icon-list' | 'status' | 'switch' | 'bigtext' | 'tag';
 export type TableTextColors = 'primary' | 'red' | 'green' | 'blue' | 'yellow' | 'black' | 'grey';
 export type BackgroundColors = 'primary' | 'secondary' | 'red' | 'green' | 'blue' | 'yellow' | 'black' | 'grey' | 'transparent' | 'white';
 export interface TableFilters {

package/lib/components/uic-portlet-card/uic-portlet-card.component.d.ts

@@ -3,21 +3,21 @@ import * as i0 from "@angular/core";
 export declare class UicPortletCardComponent {
     title: string;
     data: UicPortletData[];
-    /** Layout mode: horizontal keeps label/value in a row; vertical stacks label over value. */
     layout: 'horizontal' | 'vertical';
-    /** Columns for vertical grid layout. */
     cols: number;
     gap: number;
+    labelWeight: number;
+    valueWeight: number;
     get gridTemplateColumns(): string | null;
     copyText(text: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicPortletCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicPortletCardComponent, "ui-portlet-card", never, { "title": { "alias": "title"; "required": false; }; "data": { "alias": "data"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicPortletCardComponent, "ui-portlet-card", never, { "title": { "alias": "title"; "required": false; }; "data": { "alias": "data"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "labelWeight": { "alias": "labelWeight"; "required": false; }; "valueWeight": { "alias": "valueWeight"; "required": false; }; }, {}, never, never, true, never>;
 }
 export interface UicPortletData {
     label: string;
     value: string | number | boolean;
     subtext?: string;
-    type: 'text' | 'money' | 'status' | 'tag' | 'date' | 'copy';
+    type?: 'text' | 'money' | 'status' | 'tag' | 'date' | 'copy';
     color?: ButtonColor;
     icon?: string;
     currencyCode?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-core-abv",
-  "version": "0.3.76",
+  "version": "0.3.82",
   "peerDependencies": {
     "@angular/common": ">=19.2.0 <21.0.0",
     "@angular/core": ">=19.2.0  <21.0.0",

package/src/lib/styles/_mixins.scss

@@ -1,5 +1,5 @@
-$breakpoint-md: 480px !default;
-$breakpoint-tablet: 768px !default;
+$breakpoint-md: 480px !default;
+$breakpoint-tablet: 768px !default;
 
 @mixin mobile {
   @media (max-width: #{$breakpoint-md - 1}) {
@@ -17,4 +17,4 @@ $breakpoint-tablet: 768px !default;
   @media (min-width: #{$breakpoint-tablet}) {
     @content;
   }
-}
+}