sapenlinea-components 0.6.68 → 0.7.69
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/README.md +30 -8
- package/fesm2022/sapenlinea-components.mjs +227 -59
- package/fesm2022/sapenlinea-components.mjs.map +1 -1
- package/index.d.ts +72 -7
- package/package.json +1 -1
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' | 'datetime' | 'percentage' | 'status' | 'icon-button' | 'email';
|
|
27
|
+
type?: 'text' | 'number' | 'money' | 'date' | 'datetime' | 'percentage' | 'status' | 'icon-button' | 'email' | 'grade';
|
|
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' | 'datetime' | 'percentage' | 'status' | 'icon-button' | 'email';
|
|
38
|
+
type?: 'text' | 'number' | 'money' | 'date' | 'datetime' | 'percentage' | 'status' | 'icon-button' | 'email' | 'grade';
|
|
39
39
|
align?: 'left' | 'right' | 'center' | 'auto';
|
|
40
40
|
}
|
|
41
41
|
interface TableRow {
|
|
@@ -114,6 +114,10 @@ declare class Table implements AfterViewInit {
|
|
|
114
114
|
isRowSelected(row: any): boolean;
|
|
115
115
|
isAllSelected(): boolean;
|
|
116
116
|
getMoneyTotal(col: any): number;
|
|
117
|
+
getGradeStyle(value: number): {
|
|
118
|
+
bg: string;
|
|
119
|
+
color: string;
|
|
120
|
+
};
|
|
117
121
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Table, never>;
|
|
118
122
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "lib-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "statusToneMap": { "alias": "statusToneMap"; "required": false; "isSignal": true; }; "statusEnumMap": { "alias": "statusEnumMap"; "required": false; "isSignal": true; }; "subColumns": { "alias": "subColumns"; "required": false; "isSignal": true; }; "isRowExpandable": { "alias": "isRowExpandable"; "required": false; "isSignal": true; }; "expandedChildren": { "alias": "expandedChildren"; "required": false; "isSignal": true; }; "rowIdKey": { "alias": "rowIdKey"; "required": false; "isSignal": true; }; "showSelection": { "alias": "showSelection"; "required": false; "isSignal": true; }; "showTotals": { "alias": "showTotals"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "iconAction": "iconAction"; }, never, never, true, never>;
|
|
119
123
|
}
|
|
@@ -1362,6 +1366,11 @@ declare class OptionCard {
|
|
|
1362
1366
|
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>;
|
|
1363
1367
|
}
|
|
1364
1368
|
|
|
1369
|
+
interface BarSeries {
|
|
1370
|
+
name: string;
|
|
1371
|
+
data: number[];
|
|
1372
|
+
color?: string;
|
|
1373
|
+
}
|
|
1365
1374
|
interface ChartItem {
|
|
1366
1375
|
label: string;
|
|
1367
1376
|
value: number;
|
|
@@ -1386,13 +1395,16 @@ declare const UI_CHART_TOKENS: {
|
|
|
1386
1395
|
};
|
|
1387
1396
|
declare class BaseChart {
|
|
1388
1397
|
options: _angular_core.InputSignal<Record<string, unknown>>;
|
|
1398
|
+
chartClick: _angular_core.OutputEmitterRef<any>;
|
|
1399
|
+
onChartClick(event: any): void;
|
|
1389
1400
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseChart, never>;
|
|
1390
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseChart, "lib-base-chart", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1401
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseChart, "lib-base-chart", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; }, { "chartClick": "chartClick"; }, never, never, true, never>;
|
|
1391
1402
|
}
|
|
1392
1403
|
|
|
1393
1404
|
declare class BarChart {
|
|
1394
1405
|
title: _angular_core.InputSignal<string>;
|
|
1395
1406
|
data: _angular_core.InputSignal<ChartItem[]>;
|
|
1407
|
+
multiSeries: _angular_core.InputSignal<BarSeries[] | undefined>;
|
|
1396
1408
|
isExpanded: _angular_core.WritableSignal<boolean>;
|
|
1397
1409
|
toggleExpand: () => void;
|
|
1398
1410
|
options: _angular_core.Signal<{
|
|
@@ -1463,6 +1475,20 @@ declare class BarChart {
|
|
|
1463
1475
|
};
|
|
1464
1476
|
};
|
|
1465
1477
|
series: {
|
|
1478
|
+
name: string;
|
|
1479
|
+
type: string;
|
|
1480
|
+
data: number[];
|
|
1481
|
+
barMaxWidth: number;
|
|
1482
|
+
itemStyle: {
|
|
1483
|
+
color: string;
|
|
1484
|
+
};
|
|
1485
|
+
label: {
|
|
1486
|
+
show: boolean;
|
|
1487
|
+
position: string;
|
|
1488
|
+
color: string;
|
|
1489
|
+
fontSize: number;
|
|
1490
|
+
};
|
|
1491
|
+
}[] | {
|
|
1466
1492
|
type: string;
|
|
1467
1493
|
data: number[];
|
|
1468
1494
|
barWidth: number;
|
|
@@ -1559,9 +1585,20 @@ declare class BarChart {
|
|
|
1559
1585
|
bottom: number;
|
|
1560
1586
|
containLabel: boolean;
|
|
1561
1587
|
};
|
|
1588
|
+
legend: {
|
|
1589
|
+
show: boolean;
|
|
1590
|
+
top: number;
|
|
1591
|
+
icon: string;
|
|
1592
|
+
itemWidth: number;
|
|
1593
|
+
itemHeight: number;
|
|
1594
|
+
textStyle: {
|
|
1595
|
+
color: string;
|
|
1596
|
+
fontFamily: string;
|
|
1597
|
+
};
|
|
1598
|
+
};
|
|
1562
1599
|
}>;
|
|
1563
1600
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BarChart, never>;
|
|
1564
|
-
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>;
|
|
1601
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarChart, "lib-bar-chart", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "multiSeries": { "alias": "multiSeries"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1565
1602
|
}
|
|
1566
1603
|
|
|
1567
1604
|
declare class LineChart {
|
|
@@ -1577,11 +1614,18 @@ declare class LineChart {
|
|
|
1577
1614
|
declare class DonutChart {
|
|
1578
1615
|
title: _angular_core.InputSignal<string>;
|
|
1579
1616
|
data: _angular_core.InputSignal<ChartItem[]>;
|
|
1617
|
+
drillDown: _angular_core.InputSignal<boolean>;
|
|
1618
|
+
groupByPrefix: _angular_core.InputSignal<number>;
|
|
1619
|
+
sectionClick: _angular_core.OutputEmitterRef<ChartItem>;
|
|
1580
1620
|
isExpanded: _angular_core.WritableSignal<boolean>;
|
|
1621
|
+
drilledGroup: _angular_core.WritableSignal<string | null>;
|
|
1581
1622
|
toggleExpand: () => void;
|
|
1623
|
+
displayData: _angular_core.Signal<ChartItem[]>;
|
|
1582
1624
|
options: _angular_core.Signal<Record<string, unknown>>;
|
|
1625
|
+
onChartClick(event: any): void;
|
|
1626
|
+
resetDrillDown(): void;
|
|
1583
1627
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DonutChart, never>;
|
|
1584
|
-
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>;
|
|
1628
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DonutChart, "lib-donut-chart", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "drillDown": { "alias": "drillDown"; "required": false; "isSignal": true; }; "groupByPrefix": { "alias": "groupByPrefix"; "required": false; "isSignal": true; }; }, { "sectionClick": "sectionClick"; }, never, never, true, never>;
|
|
1585
1629
|
}
|
|
1586
1630
|
|
|
1587
1631
|
interface HeatmapDataItem {
|
|
@@ -1637,6 +1681,9 @@ declare class Heatmap {
|
|
|
1637
1681
|
data: string[];
|
|
1638
1682
|
splitArea: {
|
|
1639
1683
|
show: boolean;
|
|
1684
|
+
areaStyle: {
|
|
1685
|
+
color: string[];
|
|
1686
|
+
};
|
|
1640
1687
|
};
|
|
1641
1688
|
axisLine: {
|
|
1642
1689
|
show: boolean;
|
|
@@ -1657,6 +1704,9 @@ declare class Heatmap {
|
|
|
1657
1704
|
data: string[];
|
|
1658
1705
|
splitArea: {
|
|
1659
1706
|
show: boolean;
|
|
1707
|
+
areaStyle: {
|
|
1708
|
+
color: string[];
|
|
1709
|
+
};
|
|
1660
1710
|
};
|
|
1661
1711
|
axisLine: {
|
|
1662
1712
|
show: boolean;
|
|
@@ -1752,6 +1802,21 @@ declare class MapGeo {
|
|
|
1752
1802
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapGeo, "lib-map-geo", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "points": { "alias": "points"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1753
1803
|
}
|
|
1754
1804
|
|
|
1805
|
+
declare class TableChart {
|
|
1806
|
+
title: _angular_core.InputSignal<string>;
|
|
1807
|
+
columns: _angular_core.InputSignal<TableColumn[]>;
|
|
1808
|
+
data: _angular_core.InputSignal<TableRow[]>;
|
|
1809
|
+
totalItems: _angular_core.InputSignal<number>;
|
|
1810
|
+
itemsPerPage: _angular_core.InputSignal<number>;
|
|
1811
|
+
isExpanded: _angular_core.WritableSignal<boolean>;
|
|
1812
|
+
localPage: _angular_core.WritableSignal<number>;
|
|
1813
|
+
toggleExpand(): void;
|
|
1814
|
+
displayedData: _angular_core.Signal<TableRow[]>;
|
|
1815
|
+
onPageChange(page: number): void;
|
|
1816
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableChart, never>;
|
|
1817
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableChart, "lib-table-chart", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1818
|
+
}
|
|
1819
|
+
|
|
1755
1820
|
declare const Colors: {
|
|
1756
1821
|
primary: string;
|
|
1757
1822
|
secondary: string;
|
|
@@ -1798,5 +1863,5 @@ declare class LoadImage {
|
|
|
1798
1863
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoadImage, "lib-load-image", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "recommendedSize": { "alias": "recommendedSize"; "required": false; }; "titleIcon": { "alias": "titleIcon"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; }, { "imageLoaded": "imageLoaded"; }, never, never, true, never>;
|
|
1799
1864
|
}
|
|
1800
1865
|
|
|
1801
|
-
export { BarChart, BaseChart, Button, ButtonCards, CARD_BG, CardContent, Colors, DateTimeFilter, DateTimePicker, DevicesCarousel, DialogAlertComponent, DialogConfirmation, DonutChart, DynamicFormFields, FeatureCard, Footer, GeoAPIMaps, Heatmap, InfoGroup, Input, InputNumberFilter, InputSelectFilter, InputTextFilter, InputTimeFilter, KpiCard, LineChart, LoadImage, Loader, MapGeo, 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 };
|
|
1802
|
-
export type { CardBgPreset, ChartItem, DateFilterSelection, DateTimeMode, DeviceCard, DeviceStatus, DialogItem, Feature, FeatureType, FieldConfig, FilterItem, FilterOption, FilterType, GeoMapResponse, GeoPoint, HeatmapConfig, HeatmapDataItem, 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 };
|
|
1866
|
+
export { BarChart, BaseChart, Button, ButtonCards, CARD_BG, CardContent, Colors, DateTimeFilter, DateTimePicker, DevicesCarousel, DialogAlertComponent, DialogConfirmation, DonutChart, DynamicFormFields, FeatureCard, Footer, GeoAPIMaps, Heatmap, InfoGroup, Input, InputNumberFilter, InputSelectFilter, InputTextFilter, InputTimeFilter, KpiCard, LineChart, LoadImage, Loader, MapGeo, ModalForm, NotFoundModal, NotFoundSection, NotificationModal, OptionCard, PaginationComponent, ProcessingOverlay, ProgressBar, ProgressFormService, SelectCustomSearch, SideCard, SideCardDetail, TOAST_EVENTS, Table, TableChart, Tabs, TitleFilters, Toast, ToastHelper, ToastService, ToggleCustom, UI_CHART_TOKENS, WizardForm };
|
|
1867
|
+
export type { BarSeries, CardBgPreset, ChartItem, DateFilterSelection, DateTimeMode, DeviceCard, DeviceStatus, DialogItem, Feature, FeatureType, FieldConfig, FilterItem, FilterOption, FilterType, GeoMapResponse, GeoPoint, HeatmapConfig, HeatmapDataItem, 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 };
|