@c80/ui 1.0.51 → 1.0.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/index.js +1 -0
- package/esm2022/index.js.map +1 -1
- package/esm2022/lib/card-level/card-level.component.js +2 -2
- package/esm2022/lib/icon/icon.component.js +3 -3
- package/esm2022/lib/icon/icon.component.js.map +1 -1
- package/esm2022/lib/icon/icon.constants.js +13 -0
- package/esm2022/lib/icon/icon.constants.js.map +1 -1
- package/esm2022/lib/icon/icon.types.js.map +1 -1
- package/esm2022/lib/modal/modal.component.js +2 -2
- package/esm2022/lib/modal/modal.component.js.map +1 -1
- package/esm2022/lib/select/select.component.js +2 -2
- package/esm2022/lib/snackbar/snackbar.component.js +2 -2
- package/esm2022/lib/stat-card/stat-card.component.js +2 -2
- package/esm2022/lib/stat-card/stat-card.component.js.map +1 -1
- package/esm2022/lib/tab/c80-tab-item.directive.js +16 -0
- package/esm2022/lib/tab/c80-tab-item.directive.js.map +1 -0
- package/esm2022/lib/tab/c80-tab-label.directive.js +16 -0
- package/esm2022/lib/tab/c80-tab-label.directive.js.map +1 -0
- package/esm2022/lib/tab/c80-tab.component.js +32 -0
- package/esm2022/lib/tab/c80-tab.component.js.map +1 -0
- package/esm2022/lib/tab/c80-tab.model.js +2 -0
- package/esm2022/lib/tab/c80-tab.model.js.map +1 -0
- package/esm2022/lib/tab/index.js +4 -0
- package/esm2022/lib/tab/index.js.map +1 -0
- package/esm2022/lib/table/table.component.js +18 -2
- package/esm2022/lib/table/table.component.js.map +1 -1
- package/index.d.ts +1 -0
- package/lib/icon/icon.component.d.ts +1 -1
- package/lib/icon/icon.constants.d.ts +1 -1
- package/lib/icon/icon.types.d.ts +1 -1
- package/lib/tab/c80-tab-item.directive.d.ts +7 -0
- package/lib/tab/c80-tab-label.directive.d.ts +7 -0
- package/lib/tab/c80-tab.component.d.ts +15 -0
- package/lib/tab/c80-tab.model.d.ts +4 -0
- package/lib/tab/index.d.ts +4 -0
- package/lib/table/table.component.d.ts +5 -0
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ColorType, ButtonType } from './icon.types';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class C80IconComponent {
|
|
4
|
-
readonly icon: import("@angular/core").InputSignal<"check" | "cancel" | "edit" | "delete" | "add" | "view" | "get" | "settings" | "schedule" | "refresh" | "checkCircle" | "cancelCircle" | "error" | "queue" | "arrowUp" | "arrowDown" | "toggleOn" | "toggleOff" | "search" | "upload" | "pendingActions" | "playCircle" | "play" | "stop" | "tune" | "visibility" | "visibilityOff" | "close" | "record" | "star" | "xCircle" | "key" | "exclamationTriangle" | "clipboard" | "download" | "shield" | "person" | "envelope" | "infoCircle" | "checkSquare" | "square" | "dashSquare" | "people" | "boxSeam" | "personBadge" | "listTask" | "shuffle" | "motor" | "box" | "bell" | "message" | "send" | "file" | "folder" | "save" | "print" | "clock" | "calendar" | "timer" | "lock" | "unlock" | "chart" | "table" | "database" | "home" | "menu" | "arrowLeft" | "arrowRight" | "copy" | "filter" | "sort" | "help" | "warning" | "dashboard" | "settingsApplications" | "route" | "developerBoard" | "directions" | "category" | "logout" | "default">;
|
|
4
|
+
readonly icon: import("@angular/core").InputSignal<"check" | "cancel" | "edit" | "delete" | "add" | "view" | "get" | "settings" | "schedule" | "refresh" | "checkCircle" | "cancelCircle" | "error" | "queue" | "arrowUp" | "arrowDown" | "toggleOn" | "toggleOff" | "search" | "upload" | "pendingActions" | "playCircle" | "play" | "stop" | "tune" | "visibility" | "visibilityOff" | "close" | "record" | "star" | "xCircle" | "key" | "exclamationTriangle" | "clipboard" | "download" | "shield" | "person" | "envelope" | "infoCircle" | "checkSquare" | "square" | "dashSquare" | "people" | "boxSeam" | "personBadge" | "listTask" | "shuffle" | "motor" | "box" | "bell" | "message" | "send" | "file" | "folder" | "save" | "print" | "clock" | "calendar" | "timer" | "lock" | "unlock" | "chart" | "table" | "database" | "home" | "menu" | "arrowLeft" | "arrowRight" | "copy" | "filter" | "sort" | "help" | "warning" | "dashboard" | "settingsApplications" | "route" | "developerBoard" | "directions" | "category" | "logout" | "sun" | "moon" | "default">;
|
|
5
5
|
readonly color: import("@angular/core").InputSignal<ColorType>;
|
|
6
6
|
readonly customColor: import("@angular/core").InputSignal<string | undefined>;
|
|
7
7
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ColorType, ShapeAttributes } from './icon.types';
|
|
2
|
-
export declare const ICON_NAMES: readonly ["check", "cancel", "edit", "delete", "add", "view", "get", "settings", "schedule", "refresh", "checkCircle", "cancelCircle", "error", "queue", "arrowUp", "arrowDown", "toggleOn", "toggleOff", "search", "upload", "pendingActions", "playCircle", "play", "stop", "tune", "visibility", "visibilityOff", "close", "record", "star", "xCircle", "key", "exclamationTriangle", "clipboard", "download", "shield", "person", "envelope", "infoCircle", "checkSquare", "square", "dashSquare", "people", "boxSeam", "personBadge", "listTask", "shuffle", "motor", "box", "bell", "message", "send", "file", "folder", "save", "print", "clock", "calendar", "timer", "lock", "unlock", "chart", "table", "database", "home", "menu", "arrowLeft", "arrowRight", "copy", "filter", "sort", "help", "warning", "dashboard", "settingsApplications", "route", "developerBoard", "directions", "category", "logout", "default"];
|
|
2
|
+
export declare const ICON_NAMES: readonly ["check", "cancel", "edit", "delete", "add", "view", "get", "settings", "schedule", "refresh", "checkCircle", "cancelCircle", "error", "queue", "arrowUp", "arrowDown", "toggleOn", "toggleOff", "search", "upload", "pendingActions", "playCircle", "play", "stop", "tune", "visibility", "visibilityOff", "close", "record", "star", "xCircle", "key", "exclamationTriangle", "clipboard", "download", "shield", "person", "envelope", "infoCircle", "checkSquare", "square", "dashSquare", "people", "boxSeam", "personBadge", "listTask", "shuffle", "motor", "box", "bell", "message", "send", "file", "folder", "save", "print", "clock", "calendar", "timer", "lock", "unlock", "chart", "table", "database", "home", "menu", "arrowLeft", "arrowRight", "copy", "filter", "sort", "help", "warning", "dashboard", "settingsApplications", "route", "developerBoard", "directions", "category", "logout", "sun", "moon", "default"];
|
|
3
3
|
export declare const BASE_ICON_COLORS: Readonly<Record<ColorType, string>>;
|
|
4
4
|
export declare const DISABLED_COLOR = "#bdbdbd";
|
|
5
5
|
export declare const DEFAULT_ICON_COLOR = "#222";
|
package/lib/icon/icon.types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ICON_NAMES } from './icon.constants';
|
|
2
2
|
export type IconType = (typeof ICON_NAMES)[number];
|
|
3
|
-
export type ColorType = 'primary' | 'secondary' | 'warn' | 'success';
|
|
3
|
+
export type ColorType = 'primary' | 'secondary' | 'warn' | 'success' | 'dark';
|
|
4
4
|
export type ButtonType = 'button' | 'submit' | 'reset';
|
|
5
5
|
export interface ShapeAttributes {
|
|
6
6
|
type: 'circle' | 'rect' | 'path';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class C80TabItemDirective {
|
|
4
|
+
readonly content: TemplateRef<any>;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<C80TabItemDirective, never>;
|
|
6
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<C80TabItemDirective, "[tabItem]", never, {}, {}, never, never, true, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class C80TabLabelDirective {
|
|
4
|
+
readonly template: TemplateRef<any>;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<C80TabLabelDirective, never>;
|
|
6
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<C80TabLabelDirective, "[tabLabel]", never, {}, {}, never, never, true, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type TemplateRef } from '@angular/core';
|
|
2
|
+
import { C80TabItemDirective } from './c80-tab-item.directive';
|
|
3
|
+
import { C80TabLabelDirective } from './c80-tab-label.directive';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class C80TabComponent {
|
|
6
|
+
readonly tabs: import("@angular/core").Signal<readonly C80TabItemDirective[]>;
|
|
7
|
+
readonly labels: import("@angular/core").Signal<readonly C80TabLabelDirective[]>;
|
|
8
|
+
readonly selectedIndex: import("@angular/core").ModelSignal<number>;
|
|
9
|
+
readonly selectedIndexChange: import("@angular/core").OutputEmitterRef<number>;
|
|
10
|
+
onTabClick(index: number): void;
|
|
11
|
+
getTabContent(index: number): TemplateRef<unknown> | null;
|
|
12
|
+
getTabLabel(index: number): TemplateRef<unknown> | null;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<C80TabComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<C80TabComponent, "c80-tab", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "selectedIndexChange": "selectedIndexChange"; }, ["tabs", "labels"], never, true, never>;
|
|
15
|
+
}
|
|
@@ -246,6 +246,11 @@ import * as i0 from "@angular/core";
|
|
|
246
246
|
isColumnVisible(column: C80TableColDef): boolean;
|
|
247
247
|
isColumnVisibleInHeader(column: C80TableColDef): boolean;
|
|
248
248
|
isColumnVisibleForRow(column: C80TableColDef, row: T): boolean;
|
|
249
|
+
/**
|
|
250
|
+
* Obtiene el color de una acción considerando el tema actual.
|
|
251
|
+
* Si la acción tiene color explícito, lo usa. Si no, aplica color por tema.
|
|
252
|
+
*/
|
|
253
|
+
getActionColor(action: CustomTableAction): string | undefined;
|
|
249
254
|
static ɵfac: i0.ɵɵFactoryDeclaration<C80TableComponent<any>, never>;
|
|
250
255
|
static ɵcmp: i0.ɵɵComponentDeclaration<C80TableComponent<any>, "c80-table", never, { "data$": { "alias": "data$"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "inputValues$": { "alias": "inputValues$"; "required": false; "isSignal": true; }; "customActions": { "alias": "customActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "allowSelection": { "alias": "allowSelection"; "required": false; "isSignal": true; }; "noConfirm": { "alias": "noConfirm"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; "searchTerm": "searchTerm"; "errorEvent": "errorEvent"; "selectable": "selectable"; }, never, never, true, never>;
|
|
251
256
|
}
|