sapenlinea-components 0.4.62 → 0.5.63
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/index.d.ts
CHANGED
|
@@ -24,7 +24,7 @@ declare class PaginationComponent {
|
|
|
24
24
|
interface TableColumn {
|
|
25
25
|
key: string;
|
|
26
26
|
label: string;
|
|
27
|
-
type?: 'text' | 'number' | 'money' | 'date' | 'percentage' | 'status' | 'icon-button' | 'email';
|
|
27
|
+
type?: 'text' | 'number' | 'money' | 'date' | 'datetime' | 'percentage' | 'status' | 'icon-button' | 'email';
|
|
28
28
|
align?: 'left' | 'right' | 'center' | 'auto';
|
|
29
29
|
sortable?: boolean;
|
|
30
30
|
showActions?: boolean;
|
|
@@ -35,7 +35,7 @@ interface TableColumn {
|
|
|
35
35
|
interface SubColumn {
|
|
36
36
|
key: string;
|
|
37
37
|
label: string;
|
|
38
|
-
type?: 'text' | 'number' | 'money' | 'date' | 'percentage' | 'status' | 'icon-button' | 'email';
|
|
38
|
+
type?: 'text' | 'number' | 'money' | 'date' | 'datetime' | 'percentage' | 'status' | 'icon-button' | 'email';
|
|
39
39
|
align?: 'left' | 'right' | 'center' | 'auto';
|
|
40
40
|
}
|
|
41
41
|
interface TableRow {
|
|
@@ -93,6 +93,7 @@ declare class Table implements AfterViewInit {
|
|
|
93
93
|
};
|
|
94
94
|
private normalizeStatus;
|
|
95
95
|
private formatDateValue;
|
|
96
|
+
private formatDateTimeValue;
|
|
96
97
|
/**
|
|
97
98
|
* Devuelve las acciones para una fila.
|
|
98
99
|
* Puede ser que `actions` sea un arreglo (se muestra tal cual) o una función
|
|
@@ -169,7 +170,7 @@ declare class DateTimePicker implements ControlValueAccessor, OnDestroy {
|
|
|
169
170
|
currentYear: _angular_core.WritableSignal<number>;
|
|
170
171
|
selectedHour: _angular_core.WritableSignal<number>;
|
|
171
172
|
selectedMinute: _angular_core.WritableSignal<number>;
|
|
172
|
-
selectedAmPm: _angular_core.WritableSignal<"
|
|
173
|
+
selectedAmPm: _angular_core.WritableSignal<"PM" | "AM">;
|
|
173
174
|
private documentClickListener?;
|
|
174
175
|
/**
|
|
175
176
|
* Valor que se muestra en el campo de texto.
|
|
@@ -262,7 +263,7 @@ declare class DateTimeFilter implements ControlValueAccessor, OnDestroy {
|
|
|
262
263
|
currentYear: _angular_core.WritableSignal<number>;
|
|
263
264
|
selectedHour: _angular_core.WritableSignal<number>;
|
|
264
265
|
selectedMinute: _angular_core.WritableSignal<number>;
|
|
265
|
-
selectedAmPm: _angular_core.WritableSignal<"
|
|
266
|
+
selectedAmPm: _angular_core.WritableSignal<"PM" | "AM">;
|
|
266
267
|
private documentClickListener?;
|
|
267
268
|
private onChange;
|
|
268
269
|
private onTouched;
|
|
@@ -1246,7 +1247,7 @@ declare class InputTimeFilter implements ControlValueAccessor {
|
|
|
1246
1247
|
isOpen: _angular_core.WritableSignal<boolean>;
|
|
1247
1248
|
selectedHour: _angular_core.WritableSignal<number>;
|
|
1248
1249
|
selectedMinute: _angular_core.WritableSignal<number>;
|
|
1249
|
-
selectedAmPm: _angular_core.WritableSignal<"
|
|
1250
|
+
selectedAmPm: _angular_core.WritableSignal<"PM" | "AM">;
|
|
1250
1251
|
isDisabled: _angular_core.WritableSignal<boolean>;
|
|
1251
1252
|
isTouched: _angular_core.WritableSignal<boolean>;
|
|
1252
1253
|
hours12: _angular_core.WritableSignal<Hour12[]>;
|
|
@@ -1311,5 +1312,244 @@ declare class OptionCard {
|
|
|
1311
1312
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionCard, "lib-option-card", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "buttonBg": { "alias": "buttonBg"; "required": false; "isSignal": true; }; "iconBg": { "alias": "iconBg"; "required": false; "isSignal": true; }; }, { "clickAction": "clickAction"; }, never, ["[icon]"], true, never>;
|
|
1312
1313
|
}
|
|
1313
1314
|
|
|
1314
|
-
|
|
1315
|
-
|
|
1315
|
+
interface ChartItem {
|
|
1316
|
+
label: string;
|
|
1317
|
+
value: number;
|
|
1318
|
+
}
|
|
1319
|
+
declare const UI_CHART_TOKENS: {
|
|
1320
|
+
fontFamily: string;
|
|
1321
|
+
text: string;
|
|
1322
|
+
muted: string;
|
|
1323
|
+
grid: string;
|
|
1324
|
+
tooltipBg: string;
|
|
1325
|
+
tooltipBorder: string;
|
|
1326
|
+
primary: string;
|
|
1327
|
+
primarySoft: string;
|
|
1328
|
+
secondary: string;
|
|
1329
|
+
secondarySoft: string;
|
|
1330
|
+
axis: string;
|
|
1331
|
+
areaTop: string;
|
|
1332
|
+
areaBottom: string;
|
|
1333
|
+
labelLine: string;
|
|
1334
|
+
centerText: string;
|
|
1335
|
+
donutPalette: string[];
|
|
1336
|
+
};
|
|
1337
|
+
declare class BaseChart {
|
|
1338
|
+
options: _angular_core.InputSignal<Record<string, unknown>>;
|
|
1339
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseChart, never>;
|
|
1340
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseChart, "lib-base-chart", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1341
|
+
}
|
|
1342
|
+
|
|
1343
|
+
declare class BarChart {
|
|
1344
|
+
title: _angular_core.InputSignal<string>;
|
|
1345
|
+
data: _angular_core.InputSignal<ChartItem[]>;
|
|
1346
|
+
isExpanded: _angular_core.WritableSignal<boolean>;
|
|
1347
|
+
toggleExpand: () => void;
|
|
1348
|
+
options: _angular_core.Signal<{
|
|
1349
|
+
tooltip: {
|
|
1350
|
+
trigger: string;
|
|
1351
|
+
axisPointer: {
|
|
1352
|
+
type: string;
|
|
1353
|
+
};
|
|
1354
|
+
backgroundColor: string;
|
|
1355
|
+
borderColor: string;
|
|
1356
|
+
borderWidth: number;
|
|
1357
|
+
textStyle: {
|
|
1358
|
+
color: string;
|
|
1359
|
+
fontSize: number;
|
|
1360
|
+
fontFamily: string;
|
|
1361
|
+
};
|
|
1362
|
+
extraCssText: string;
|
|
1363
|
+
};
|
|
1364
|
+
xAxis: {
|
|
1365
|
+
type: string;
|
|
1366
|
+
data: string[];
|
|
1367
|
+
axisLine: {
|
|
1368
|
+
show: boolean;
|
|
1369
|
+
};
|
|
1370
|
+
axisTick: {
|
|
1371
|
+
show: boolean;
|
|
1372
|
+
};
|
|
1373
|
+
splitLine: {
|
|
1374
|
+
show: boolean;
|
|
1375
|
+
lineStyle: {
|
|
1376
|
+
color: string;
|
|
1377
|
+
type: string;
|
|
1378
|
+
width: number;
|
|
1379
|
+
opacity: number;
|
|
1380
|
+
};
|
|
1381
|
+
};
|
|
1382
|
+
axisLabel: {
|
|
1383
|
+
color: string;
|
|
1384
|
+
fontSize: number;
|
|
1385
|
+
fontFamily: string;
|
|
1386
|
+
interval: number;
|
|
1387
|
+
rotate: number;
|
|
1388
|
+
width: number;
|
|
1389
|
+
overflow: string;
|
|
1390
|
+
};
|
|
1391
|
+
};
|
|
1392
|
+
yAxis: {
|
|
1393
|
+
type: string;
|
|
1394
|
+
axisLine: {
|
|
1395
|
+
show: boolean;
|
|
1396
|
+
};
|
|
1397
|
+
axisTick: {
|
|
1398
|
+
show: boolean;
|
|
1399
|
+
};
|
|
1400
|
+
splitLine: {
|
|
1401
|
+
show: boolean;
|
|
1402
|
+
lineStyle: {
|
|
1403
|
+
color: string;
|
|
1404
|
+
type: string;
|
|
1405
|
+
width: number;
|
|
1406
|
+
opacity: number;
|
|
1407
|
+
};
|
|
1408
|
+
};
|
|
1409
|
+
axisLabel: {
|
|
1410
|
+
color: string;
|
|
1411
|
+
fontSize: number;
|
|
1412
|
+
fontFamily: string;
|
|
1413
|
+
};
|
|
1414
|
+
};
|
|
1415
|
+
series: {
|
|
1416
|
+
type: string;
|
|
1417
|
+
data: number[];
|
|
1418
|
+
barWidth: number;
|
|
1419
|
+
itemStyle: {
|
|
1420
|
+
color: string;
|
|
1421
|
+
};
|
|
1422
|
+
emphasis: {
|
|
1423
|
+
itemStyle: {
|
|
1424
|
+
color: string;
|
|
1425
|
+
};
|
|
1426
|
+
};
|
|
1427
|
+
label: {
|
|
1428
|
+
show: boolean;
|
|
1429
|
+
position: string;
|
|
1430
|
+
color: string;
|
|
1431
|
+
fontSize: number;
|
|
1432
|
+
};
|
|
1433
|
+
}[];
|
|
1434
|
+
dataZoom?: ({
|
|
1435
|
+
type: string;
|
|
1436
|
+
xAxisIndex: number[];
|
|
1437
|
+
start: number;
|
|
1438
|
+
end: number;
|
|
1439
|
+
show?: undefined;
|
|
1440
|
+
bottom?: undefined;
|
|
1441
|
+
height?: undefined;
|
|
1442
|
+
fillerColor?: undefined;
|
|
1443
|
+
borderColor?: undefined;
|
|
1444
|
+
backgroundColor?: undefined;
|
|
1445
|
+
dataBackground?: undefined;
|
|
1446
|
+
selectedDataBackground?: undefined;
|
|
1447
|
+
handleIcon?: undefined;
|
|
1448
|
+
handleSize?: undefined;
|
|
1449
|
+
handleStyle?: undefined;
|
|
1450
|
+
moveHandleStyle?: undefined;
|
|
1451
|
+
textStyle?: undefined;
|
|
1452
|
+
} | {
|
|
1453
|
+
type: string;
|
|
1454
|
+
show: boolean;
|
|
1455
|
+
xAxisIndex: number[];
|
|
1456
|
+
start: number;
|
|
1457
|
+
end: number;
|
|
1458
|
+
bottom: number;
|
|
1459
|
+
height: number;
|
|
1460
|
+
fillerColor: string;
|
|
1461
|
+
borderColor: string;
|
|
1462
|
+
backgroundColor: string;
|
|
1463
|
+
dataBackground: {
|
|
1464
|
+
lineStyle: {
|
|
1465
|
+
color: string;
|
|
1466
|
+
opacity: number;
|
|
1467
|
+
};
|
|
1468
|
+
areaStyle: {
|
|
1469
|
+
color: string;
|
|
1470
|
+
opacity: number;
|
|
1471
|
+
};
|
|
1472
|
+
};
|
|
1473
|
+
selectedDataBackground: {
|
|
1474
|
+
lineStyle: {
|
|
1475
|
+
color: string;
|
|
1476
|
+
opacity: number;
|
|
1477
|
+
};
|
|
1478
|
+
areaStyle: {
|
|
1479
|
+
color: string;
|
|
1480
|
+
opacity: number;
|
|
1481
|
+
};
|
|
1482
|
+
};
|
|
1483
|
+
handleIcon: string;
|
|
1484
|
+
handleSize: string;
|
|
1485
|
+
handleStyle: {
|
|
1486
|
+
color: string;
|
|
1487
|
+
borderColor: string;
|
|
1488
|
+
borderWidth: number;
|
|
1489
|
+
shadowBlur: number;
|
|
1490
|
+
shadowColor: string;
|
|
1491
|
+
shadowOffsetX: number;
|
|
1492
|
+
shadowOffsetY: number;
|
|
1493
|
+
};
|
|
1494
|
+
moveHandleStyle: {
|
|
1495
|
+
color: string;
|
|
1496
|
+
opacity: number;
|
|
1497
|
+
};
|
|
1498
|
+
textStyle: {
|
|
1499
|
+
color: string;
|
|
1500
|
+
fontFamily: string;
|
|
1501
|
+
fontWeight: number;
|
|
1502
|
+
};
|
|
1503
|
+
})[] | undefined;
|
|
1504
|
+
animation: boolean;
|
|
1505
|
+
grid: {
|
|
1506
|
+
left: number;
|
|
1507
|
+
right: number;
|
|
1508
|
+
top: number;
|
|
1509
|
+
bottom: number;
|
|
1510
|
+
containLabel: boolean;
|
|
1511
|
+
};
|
|
1512
|
+
}>;
|
|
1513
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BarChart, never>;
|
|
1514
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarChart, "lib-bar-chart", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1515
|
+
}
|
|
1516
|
+
|
|
1517
|
+
declare class LineChart {
|
|
1518
|
+
title: _angular_core.InputSignal<string>;
|
|
1519
|
+
data: _angular_core.InputSignal<ChartItem[]>;
|
|
1520
|
+
isExpanded: _angular_core.WritableSignal<boolean>;
|
|
1521
|
+
toggleExpand: () => void;
|
|
1522
|
+
options: _angular_core.Signal<Record<string, unknown>>;
|
|
1523
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LineChart, never>;
|
|
1524
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChart, "lib-line-chart", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1525
|
+
}
|
|
1526
|
+
|
|
1527
|
+
declare class DonutChart {
|
|
1528
|
+
title: _angular_core.InputSignal<string>;
|
|
1529
|
+
data: _angular_core.InputSignal<ChartItem[]>;
|
|
1530
|
+
isExpanded: _angular_core.WritableSignal<boolean>;
|
|
1531
|
+
toggleExpand: () => void;
|
|
1532
|
+
options: _angular_core.Signal<Record<string, unknown>>;
|
|
1533
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DonutChart, never>;
|
|
1534
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DonutChart, "lib-donut-chart", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1535
|
+
}
|
|
1536
|
+
|
|
1537
|
+
declare const Colors: {
|
|
1538
|
+
primary: string;
|
|
1539
|
+
secondary: string;
|
|
1540
|
+
tertiary: string;
|
|
1541
|
+
quaternary: string;
|
|
1542
|
+
};
|
|
1543
|
+
type KpiColorType = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | string;
|
|
1544
|
+
declare class KpiCard {
|
|
1545
|
+
title: _angular_core.InputSignal<string>;
|
|
1546
|
+
description: _angular_core.InputSignal<string>;
|
|
1547
|
+
value: _angular_core.InputSignal<string | number>;
|
|
1548
|
+
iconColor: _angular_core.InputSignal<string>;
|
|
1549
|
+
resolvedIconColor: _angular_core.Signal<string>;
|
|
1550
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<KpiCard, never>;
|
|
1551
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<KpiCard, "lib-kpi-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; }, {}, never, ["[icon]"], true, never>;
|
|
1552
|
+
}
|
|
1553
|
+
|
|
1554
|
+
export { BarChart, BaseChart, Button, ButtonCards, CARD_BG, CardContent, Colors, DateTimeFilter, DateTimePicker, DevicesCarousel, DialogAlertComponent, DialogConfirmation, DonutChart, DynamicFormFields, FeatureCard, Footer, InfoGroup, Input, InputNumberFilter, InputSelectFilter, InputTextFilter, InputTimeFilter, KpiCard, LineChart, Loader, ModalForm, NotFoundModal, NotFoundSection, NotificationModal, OptionCard, PaginationComponent, ProcessingOverlay, ProgressBar, ProgressFormService, SelectCustomSearch, SideCard, SideCardDetail, TOAST_EVENTS, Table, Tabs, TitleFilters, Toast, ToastHelper, ToastService, ToggleCustom, UI_CHART_TOKENS, WizardForm };
|
|
1555
|
+
export type { CardBgPreset, ChartItem, DateFilterSelection, DateTimeMode, DeviceCard, DeviceStatus, DialogItem, Feature, FeatureType, FieldConfig, FilterItem, FilterOption, FilterType, Hour12, InfoItem, KpiColorType, MeasurementUnit, ModalFormStep, OpcionButtonVariant, Option, SectionConfig, SelectedDatesMap, SideCardItem, SideCardSection, StatusTone, StatusToneMap, SubColumn, TabCardConfig, TabId, TabItem, TabSearchConfig, TabTogglesConfig, TableAction, TableColumn, TableRow, TitleFilterConfig, ToastData, ToggleCustomChange, ToggleCustomKey };
|
package/package.json
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sapenlinea-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.63",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^20.3.0",
|
|
6
6
|
"@angular/core": "^20.3.0",
|
|
7
|
-
"pubsub-js": "^1.9.5"
|
|
7
|
+
"pubsub-js": "^1.9.5",
|
|
8
|
+
"echarts": "^6.0.0",
|
|
9
|
+
"ngx-echarts": "^20.0.1"
|
|
8
10
|
},
|
|
9
11
|
"dependencies": {
|
|
10
12
|
"tslib": "^2.3.0"
|