ui-core-abv 0.3.82 → 0.4.1

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

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import { UiBtnTab } from '../tabs-button/tabs-button.component';
+import * as i0 from "@angular/core";
+export declare class UICAccordionComponent {
+    tabs: UiBtnTab[];
+    activeTab: string;
+    activeTabChange: EventEmitter<string>;
+    changeTab(key: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UICAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UICAccordionComponent, "ui-accordion", never, { "tabs": { "alias": "tabs"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; }, { "activeTabChange": "activeTabChange"; }, never, ["*"], true, never>;
+}

package/lib/components/item-value/item-value.component.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '@angular/core';
+import { TableRow, TableRowData } from '../table/table.models';
+import * as i0 from "@angular/core";
+export declare class ItemValueComponent {
+    private readonly alers;
+    key: string | number;
+    type: string;
+    alignment: string;
+    row: TableRow;
+    disabled: boolean;
+    data: TableRowData | null;
+    switchValidation: string;
+    switchConfirmed: EventEmitter<boolean>;
+    expanded: boolean;
+    checked: boolean;
+    ngOnInit(): void;
+    switchHandler(rowId: string | number, value: boolean): void;
+    expand(click: MouseEvent): void;
+    copyText(text: string, click: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemValueComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemValueComponent, "ui-item-value", never, { "key": { "alias": "key"; "required": false; }; "type": { "alias": "type"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "row": { "alias": "row"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "data": { "alias": "data"; "required": false; }; "switchValidation": { "alias": "switchValidation"; "required": false; }; }, { "switchConfirmed": "switchConfirmed"; }, never, never, true, never>;
+}

package/lib/components/modal/side-modal/side-modal.component.d.ts

@@ -16,7 +16,6 @@ export declare class UicSideModalComponent {
     show: boolean;
     myConfig: SideModalConfig;
     ready: boolean;
-    title: string;
     portalOutlet: CdkPortalOutlet;
     constructor(modalRef: UiModalRef, component: Type<any>, congif: SideModalConfig, injector: Injector, modal: UicModalService);
     ngOnInit(): void;

package/lib/components/modal/side-modal/sideModalConfig.model.d.ts

@@ -1,6 +1,7 @@
 export interface SideModalConfig<T = any> {
     data?: T;
     title?: string;
+    subtitle?: string;
     preventCloseingOutside?: boolean;
     footerEnabled?: boolean;
     footerOkButtonText?: string;

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

@@ -0,0 +1,15 @@
+import { TableColums, TableRow } from '../table/table.models';
+import { UicPortletData } from '../uic-portlet-card/uic-portlet-card.component';
+import * as i0 from "@angular/core";
+export declare class UicShortTableComponent {
+    columns: TableColums[];
+    data: TableRow;
+    loading: boolean;
+    disabled: boolean;
+    cols: number;
+    portlet: UicPortletData[];
+    ngOnInit(): void;
+    apTableToPortlets(columns: TableColums[], row: TableRow): UicPortletData[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicShortTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicShortTableComponent, "ui-short-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -30,8 +30,10 @@ export declare class UicTableComponent {
     showSearchButton: boolean;
     showTextPagination: boolean;
     emptyMessage: string;
+    switchValidation: string;
     nextButtonText: string;
     previousButtonText: string;
+    mobilePortletCols: number;
     searcherShowButtonText: boolean;
     action: EventEmitter<TableAction>;
     update: EventEmitter<TableFilters>;
@@ -49,16 +51,12 @@ export declare class UicTableComponent {
     filter: string;
     page: number;
     fullViewRows: (string | number)[];
+    mobileView: boolean;
+    ngOnInit(): void;
     getValue(data: TableRowData[], key: string): string;
-    getSubtext(data: TableRowData[], key: string): string;
-    isChecked(data: TableRowData[], key: string): boolean;
     getMoreActions(actions: TableButton[], row: TableRowData[]): ActionMenuOption[];
     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, 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;
     sizeChabge(newSize: number): void;
     pageChage(newPage: number): void;
@@ -71,11 +69,10 @@ 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;
     clickRow(id: number | string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableComponent, "ui-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "rowClickable": { "alias": "rowClickable"; "required": false; }; "rowExpandible": { "alias": "rowExpandible"; "required": false; }; "pages": { "alias": "pages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "squeletonRows": { "alias": "squeletonRows"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "highlightedId": { "alias": "highlightedId"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "headerBackgroundColor": { "alias": "headerBackgroundColor"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "searchOnKeydown": { "alias": "searchOnKeydown"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "showSearchButton": { "alias": "showSearchButton"; "required": false; }; "showTextPagination": { "alias": "showTextPagination"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "nextButtonText": { "alias": "nextButtonText"; "required": false; }; "previousButtonText": { "alias": "previousButtonText"; "required": false; }; "searcherShowButtonText": { "alias": "searcherShowButtonText"; "required": false; }; }, { "action": "action"; "update": "update"; "checkedChange": "checkedChange"; "switchChange": "switchChange"; "clickedRow": "clickedRow"; }, ["actionsRef"], ["[actions]", "[filters]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableComponent, "ui-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "rowClickable": { "alias": "rowClickable"; "required": false; }; "rowExpandible": { "alias": "rowExpandible"; "required": false; }; "pages": { "alias": "pages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "squeletonRows": { "alias": "squeletonRows"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "highlightedId": { "alias": "highlightedId"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "headerBackgroundColor": { "alias": "headerBackgroundColor"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "searchOnKeydown": { "alias": "searchOnKeydown"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "showSearchButton": { "alias": "showSearchButton"; "required": false; }; "showTextPagination": { "alias": "showTextPagination"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "switchValidation": { "alias": "switchValidation"; "required": false; }; "nextButtonText": { "alias": "nextButtonText"; "required": false; }; "previousButtonText": { "alias": "previousButtonText"; "required": false; }; "mobilePortletCols": { "alias": "mobilePortletCols"; "required": false; }; "searcherShowButtonText": { "alias": "searcherShowButtonText"; "required": false; }; }, { "action": "action"; "update": "update"; "checkedChange": "checkedChange"; "switchChange": "switchChange"; "clickedRow": "clickedRow"; }, ["actionsRef"], ["[actions]", "[filters]"], true, never>;
 }

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

@@ -1,4 +1,5 @@
 import { ButtonColor, ButtonType } from "../button/button.component";
+import { UicPortletData } from "../uic-portlet-card/uic-portlet-card.component";
 export interface TableColums {
     key: string;
     label: string;
@@ -26,21 +27,9 @@ export interface TableRow {
     id: number | string;
     data: TableRowData[];
     highlighted?: boolean;
-    expanded?: boolean;
 }
-export interface TableRowData {
+export interface TableRowData extends UicPortletData {
     key: string;
-    value?: string | number;
-    subtext?: string | number;
-    checked?: boolean;
-    list?: TableList[];
-    user?: TableUser;
-    icon?: string;
-    rightIcon?: string;
-    iconColor?: string;
-    textColor?: TableTextColors;
-    color?: BackgroundColors;
-    expanded?: boolean;
 }
 export interface TableList {
     text: string;
@@ -59,7 +48,7 @@ export interface TableAction {
     rowId: number | string;
     key: string;
 }
-export type ColumnTypes = 'actions' | 'text' | 'list' | 'user' | 'checkbox' | 'icon-list' | 'status' | 'switch' | 'bigtext' | 'tag';
+export type ColumnTypes = 'actions' | 'text' | 'list' | 'money' | 'copy' | 'user' | 'checkbox' | 'icon-list' | 'status' | 'switch' | 'bigtext' | 'date' | '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/tabs-button/tabs-button.component.d.ts

@@ -12,4 +12,5 @@ export interface UiBtnTab {
     key: string;
     text: string;
     icon?: string;
+    subtitle?: string;
 }

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

@@ -1,4 +1,4 @@
-import { ButtonColor } from '../button/button.component';
+import { BackgroundColors, TableList, TableRowData, TableTextColors, TableUser } from '../table/table.models';
 import * as i0 from "@angular/core";
 export declare class UicPortletCardComponent {
     title: string;
@@ -8,17 +8,28 @@ export declare class UicPortletCardComponent {
     gap: number;
     labelWeight: number;
     valueWeight: number;
+    switchValidation: string;
+    finalData: TableRowData[];
+    ngOnInit(): void;
     get gridTemplateColumns(): string | null;
     copyText(text: string): void;
+    switchHandler(key: string, value: boolean): 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; }; "labelWeight": { "alias": "labelWeight"; "required": false; }; "valueWeight": { "alias": "valueWeight"; "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; }; "switchValidation": { "alias": "switchValidation"; "required": false; }; }, {}, never, never, true, never>;
 }
 export interface UicPortletData {
-    label: string;
-    value: string | number | boolean;
-    subtext?: string;
-    type?: 'text' | 'money' | 'status' | 'tag' | 'date' | 'copy';
-    color?: ButtonColor;
+    value?: string | number;
+    label?: string;
+    type?: string;
+    subtext?: string | number;
+    checked?: boolean;
+    list?: TableList[];
+    user?: TableUser;
     icon?: string;
+    rightIcon?: string;
+    iconColor?: string;
+    textColor?: TableTextColors;
+    color?: BackgroundColors;
+    expanded?: boolean;
     currencyCode?: string;
 }

package/lib/helpers.d.ts

@@ -1,3 +1,4 @@
 import { TableColums, TableRowData } from "../public-api";
 export declare function helperTableMapDatoToColums(data: Record<string, any>, headers: TableColums[]): TableRowData[];
 export declare function helperFormMapFormdataToObject<T extends object>(formData: Record<string, any>, defaults: T): T;
+export declare function isMobile(): boolean;

package/package.json

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

package/public-api.d.ts

@@ -17,6 +17,7 @@ export * from './lib/components/dropdown-container/dropdown-container.component'
 export * from './lib/components/dropdown-container/dropdown-close.directive';
 export * from './lib/components/inputs/time-picker/time-picker.component';
 export * from './lib/components/table/table.component';
+export * from './lib/components/short-table/short-table.component';
 export * from './lib/components/table/table.models';
 export * from './lib/components/skeleton-loader/skeleton-loader.component';
 export * from './lib/components/push-alerts/alert-container/alert-container.component';
@@ -29,6 +30,7 @@ export * from './lib/components/uic-portlet-card/uic-portlet-card.component';
 export * from './lib/components/tabs-button/tabs-button.component';
 export * from './lib/components/work-panel/work-panel.component';
 export * from './lib/components/overlay-card/overlay-card.component';
+export * from './lib/components/accordion/accordion.component';
 export * from './lib/animations/animatios.index';
 export * from './lib/components/dynamic-form/form.models';
 export * from './lib/services/modal.service';

package/src/lib/styles/_mixins.scss

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

package/src/lib/styles/_tokens.scss

@@ -1,6 +1,6 @@
 
 @use './default_colors' as *;
-
+@use './mixins' as mx;
 :root {
   // Grey palette
   @each $shade, $color in $grey {
@@ -63,4 +63,7 @@
   --disabled-color-placeholder: var(--grey-300);
   --disabled-background: var(--grey-200);
 
+  --bp-mobile: 480px;
+  --bp-tablet: 768px;
+
 }