@ui5/webcomponents-compat 0.0.0-7c7170d4a → 0.0.0-acc6fea96
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/CHANGELOG.md +380 -0
- package/README.md +1 -4
- package/dist/Table.d.ts +21 -27
- package/dist/Table.js +122 -75
- package/dist/Table.js.map +1 -1
- package/dist/TableCell.d.ts +0 -1
- package/dist/TableCell.js +21 -6
- package/dist/TableCell.js.map +1 -1
- package/dist/TableCellTemplate.d.ts +2 -0
- package/dist/TableCellTemplate.js +5 -0
- package/dist/TableCellTemplate.js.map +1 -0
- package/dist/TableColumn.d.ts +3 -3
- package/dist/TableColumn.js +47 -7
- package/dist/TableColumn.js.map +1 -1
- package/dist/TableColumnTemplate.d.ts +2 -0
- package/dist/TableColumnTemplate.js +5 -0
- package/dist/TableColumnTemplate.js.map +1 -0
- package/dist/TableGroupRow.d.ts +6 -4
- package/dist/TableGroupRow.js +26 -21
- package/dist/TableGroupRow.js.map +1 -1
- package/dist/TableGroupRowTemplate.d.ts +2 -0
- package/dist/TableGroupRowTemplate.js +5 -0
- package/dist/TableGroupRowTemplate.js.map +1 -0
- package/dist/TableRow.d.ts +14 -9
- package/dist/TableRow.js +101 -43
- package/dist/TableRow.js.map +1 -1
- package/dist/TableRowTemplate.d.ts +2 -0
- package/dist/TableRowTemplate.js +15 -0
- package/dist/TableRowTemplate.js.map +1 -0
- package/dist/TableTemplate.d.ts +2 -0
- package/dist/TableTemplate.js +20 -0
- package/dist/TableTemplate.js.map +1 -0
- package/dist/bundle.esm.d.ts +1 -1
- package/dist/bundle.esm.js +13 -7
- package/dist/bundle.esm.js.map +1 -1
- package/dist/bundle.scoped.config.d.ts +1 -0
- package/dist/bundle.scoped.config.js +5 -0
- package/dist/bundle.scoped.config.js.map +1 -0
- package/dist/bundle.scoped.esm.d.ts +1 -0
- package/dist/bundle.scoped.esm.js +1 -4
- package/dist/bundle.scoped.esm.js.map +1 -1
- package/dist/css/themes/GrowingButton.css +1 -1
- package/dist/css/themes/Table.css +1 -1
- package/dist/css/themes/TableCell.css +1 -1
- package/dist/css/themes/TableColumn.css +1 -1
- package/dist/css/themes/TableGroupRow.css +1 -1
- package/dist/css/themes/TableRow.css +1 -1
- package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
- package/dist/custom-elements-internal.json +62 -68
- package/dist/custom-elements.json +32 -32
- package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_US_sappsd.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_US_saptrc.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +1 -1
- package/dist/generated/i18n/i18n-defaults.js +2 -3
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/json-imports/Themes-fetch.d.ts +1 -0
- package/dist/generated/json-imports/Themes-fetch.js +25 -0
- package/dist/generated/json-imports/Themes-fetch.js.map +1 -0
- package/dist/generated/json-imports/Themes.js.map +1 -1
- package/dist/generated/json-imports/i18n-fetch.d.ts +1 -0
- package/dist/generated/json-imports/i18n-fetch.js +120 -0
- package/dist/generated/json-imports/i18n-fetch.js.map +1 -0
- package/dist/generated/json-imports/i18n.js.map +1 -1
- package/dist/generated/themes/GrowingButton.css.d.ts +2 -3
- package/dist/generated/themes/GrowingButton.css.js +2 -3
- package/dist/generated/themes/GrowingButton.css.js.map +1 -1
- package/dist/generated/themes/Table.css.d.ts +2 -3
- package/dist/generated/themes/Table.css.js +2 -3
- package/dist/generated/themes/Table.css.js.map +1 -1
- package/dist/generated/themes/TableCell.css.d.ts +2 -3
- package/dist/generated/themes/TableCell.css.js +2 -3
- package/dist/generated/themes/TableCell.css.js.map +1 -1
- package/dist/generated/themes/TableColumn.css.d.ts +2 -3
- package/dist/generated/themes/TableColumn.css.js +2 -3
- package/dist/generated/themes/TableColumn.css.js.map +1 -1
- package/dist/generated/themes/TableGroupRow.css.d.ts +2 -3
- package/dist/generated/themes/TableGroupRow.css.js +2 -3
- package/dist/generated/themes/TableGroupRow.css.js.map +1 -1
- package/dist/generated/themes/TableRow.css.d.ts +2 -3
- package/dist/generated/themes/TableRow.css.js +2 -3
- package/dist/generated/themes/TableRow.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +2 -3
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +2 -3
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +2 -3
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +2 -3
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +2 -3
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +2 -3
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +2 -3
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +2 -3
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +2 -3
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +2 -3
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +2 -3
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +2 -3
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +2 -3
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +2 -3
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +2 -3
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +2 -3
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/web-types.json +11 -11
- package/package.json +7 -7
- package/src/TableCellTemplate.tsx +13 -0
- package/src/TableColumnTemplate.tsx +13 -0
- package/src/TableGroupRowTemplate.tsx +17 -0
- package/src/TableRowTemplate.tsx +92 -0
- package/src/TableTemplate.tsx +129 -0
- package/src/i18n/messagebundle_ca.properties +1 -1
- package/src/i18n/messagebundle_cs.properties +1 -1
- package/src/i18n/messagebundle_cy.properties +1 -1
- package/src/i18n/messagebundle_en_US_sappsd.properties +5 -296
- package/src/i18n/messagebundle_en_US_saptrc.properties +10 -301
- package/src/i18n/messagebundle_fr.properties +3 -3
- package/src/i18n/messagebundle_fr_CA.properties +3 -3
- package/src/i18n/messagebundle_lv.properties +1 -1
- package/src/themes/GrowingButton.css +12 -12
- package/src/themes/Table.css +14 -21
- package/src/themes/TableRow.css +37 -2
- package/src/themes/base/Table-parameters.css +1 -0
- package/src/themes/base/sizes-parameters.css +0 -1
- package/src/themes/sap_horizon/Table-parameters.css +1 -2
- package/src/themes/sap_horizon/parameters-bundle.css +0 -1
- package/src/themes/sap_horizon_dark/Table-parameters.css +1 -2
- package/src/themes/sap_horizon_dark/parameters-bundle.css +0 -1
- package/src/themes/sap_horizon_hcb/Table-parameters.css +1 -2
- package/src/themes/sap_horizon_hcw/Table-parameters.css +1 -2
- package/tsconfig.json +34 -26
- package/dist/generated/templates/TableCellTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/TableCellTemplate.lit.js +0 -5
- package/dist/generated/templates/TableCellTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableColumnTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/TableColumnTemplate.lit.js +0 -5
- package/dist/generated/templates/TableColumnTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableGroupRowTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/TableGroupRowTemplate.lit.js +0 -5
- package/dist/generated/templates/TableGroupRowTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableRowTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/TableRowTemplate.lit.js +0 -16
- package/dist/generated/templates/TableRowTemplate.lit.js.map +0 -1
- package/dist/generated/templates/TableTemplate.lit.d.ts +0 -4
- package/dist/generated/templates/TableTemplate.lit.js +0 -15
- package/dist/generated/templates/TableTemplate.lit.js.map +0 -1
- package/src/Table.hbs +0 -121
- package/src/TableCell.hbs +0 -7
- package/src/TableColumn.hbs +0 -7
- package/src/TableGroupRow.hbs +0 -11
- package/src/TableRow.hbs +0 -85
- package/src/themes/sap_horizon/TableColumn-parameters.css +0 -5
- package/src/themes/sap_horizon_dark/TableColumn-parameters.css +0 -5
@@ -1,4 +1,4 @@
|
|
1
|
-
|
1
|
+
.ui5-table-growing-row {
|
2
2
|
display: flex;
|
3
3
|
align-items: center;
|
4
4
|
padding: var(--_ui5_load_more_padding);
|
@@ -9,7 +9,7 @@
|
|
9
9
|
outline: none;
|
10
10
|
}
|
11
11
|
|
12
|
-
|
12
|
+
.ui5-table-growing-row-inner {
|
13
13
|
display: flex;
|
14
14
|
align-items: center;
|
15
15
|
justify-content: center;
|
@@ -23,29 +23,29 @@
|
|
23
23
|
box-sizing: border-box;
|
24
24
|
}
|
25
25
|
|
26
|
-
|
26
|
+
.ui5-table-growing-row-inner:focus-visible {
|
27
27
|
outline: var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
28
28
|
outline-offset: -0.125rem;
|
29
29
|
border-color: transparent;
|
30
30
|
}
|
31
31
|
|
32
|
-
|
32
|
+
.ui5-table-growing-row-inner:hover {
|
33
33
|
background-color: var(--sapList_Hover_Background);
|
34
34
|
}
|
35
35
|
|
36
|
-
|
37
|
-
|
36
|
+
.ui5-table-growing-row-inner:active,
|
37
|
+
.ui5-table-growing-row-inner.ui5-table-growing-row-inner--active {
|
38
38
|
background-color: var(--sapList_Active_Background);
|
39
39
|
border-color: var(--sapList_Active_Background);
|
40
40
|
}
|
41
41
|
|
42
|
-
|
43
|
-
|
42
|
+
.ui5-table-growing-row-inner:active > *,
|
43
|
+
.ui5-table-growing-row-inner.ui5-table-growing-row-inner--active > * {
|
44
44
|
color: var(--sapList_Active_TextColor);
|
45
45
|
}
|
46
46
|
|
47
|
-
|
48
|
-
|
47
|
+
.ui5-table-growing-row-text,
|
48
|
+
.ui5-table-growing-row-subtext {
|
49
49
|
width: 100%;
|
50
50
|
text-align: center;
|
51
51
|
font-family: "72override", var(--sapFontFamily);
|
@@ -55,14 +55,14 @@
|
|
55
55
|
box-sizing: border-box;
|
56
56
|
}
|
57
57
|
|
58
|
-
|
58
|
+
.ui5-table-growing-row-text {
|
59
59
|
height: var(--_ui5_load_more_text_height);
|
60
60
|
padding: 0.875rem 1rem 0 1rem;
|
61
61
|
font-size: var(--_ui5_load_more_text_font_size);
|
62
62
|
font-weight: bold;
|
63
63
|
}
|
64
64
|
|
65
|
-
|
65
|
+
.ui5-table-growing-row-subtext {
|
66
66
|
font-size: var(--sapFontSize);
|
67
67
|
padding: var(--_ui5_load_more_desc_padding);
|
68
68
|
}
|
package/src/themes/Table.css
CHANGED
@@ -10,6 +10,17 @@
|
|
10
10
|
border-bottom: var(--ui5_table_bottom_border);
|
11
11
|
}
|
12
12
|
|
13
|
+
.ui5-table-root {
|
14
|
+
width: 100%;
|
15
|
+
height: 100%;
|
16
|
+
display: flex;
|
17
|
+
box-sizing: border-box;
|
18
|
+
}
|
19
|
+
|
20
|
+
.ui5-table-busy-indicator {
|
21
|
+
flex-grow: 1;
|
22
|
+
}
|
23
|
+
|
13
24
|
table {
|
14
25
|
width: 100%;
|
15
26
|
border-spacing: 0;
|
@@ -60,29 +71,11 @@ tr {
|
|
60
71
|
height: 0px;
|
61
72
|
}
|
62
73
|
|
63
|
-
:host([busy]) .ui5-table-
|
64
|
-
position: absolute;
|
65
|
-
left: 0;
|
66
|
-
right: 0;
|
67
|
-
bottom: 0;
|
68
|
-
top: 0;
|
69
|
-
outline: none;
|
70
|
-
z-index: 100;
|
71
|
-
}
|
72
|
-
|
73
|
-
:host([busy]) .ui5-table-busy-ind {
|
74
|
-
position: absolute;
|
75
|
-
top: 50%;
|
76
|
-
left: 50%;
|
77
|
-
transform: translate(-50%, -50%);
|
78
|
-
z-index: 1;
|
79
|
-
}
|
80
|
-
|
81
|
-
:host([busy]) [growing-button] {
|
74
|
+
:host([busy]) .ui5-table-growing-row {
|
82
75
|
opacity: 0.72;
|
83
76
|
}
|
84
77
|
|
85
|
-
:host
|
78
|
+
:host .ui5-table-growing-row {
|
86
79
|
border-bottom: var(--_ui5_table_load_more_border-bottom);
|
87
80
|
}
|
88
81
|
|
@@ -94,7 +87,7 @@ tr {
|
|
94
87
|
:host([sticky-column-header]) .ui5-table-header-row {
|
95
88
|
position: sticky;
|
96
89
|
top: 0;
|
97
|
-
z-index:
|
90
|
+
z-index: 98;
|
98
91
|
}
|
99
92
|
|
100
93
|
th {
|
package/src/themes/TableRow.css
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
:host {
|
2
|
+
--table-row-border-styles: var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
2
3
|
display: contents;
|
3
4
|
}
|
4
5
|
|
@@ -11,12 +12,46 @@
|
|
11
12
|
background-color: var(--sapList_Background);
|
12
13
|
color: var(--sapList_TextColor);
|
13
14
|
border-top: 1px solid var(--sapList_BorderColor);
|
15
|
+
position: relative;
|
16
|
+
}
|
17
|
+
|
18
|
+
/* FOCUS START */
|
19
|
+
.ui5-table-row-root,
|
20
|
+
.ui5-table-popin-row {
|
21
|
+
position: relative;
|
14
22
|
}
|
15
23
|
|
16
24
|
.ui5-table-row-root:focus {
|
17
|
-
outline:
|
18
|
-
|
25
|
+
outline: none
|
26
|
+
}
|
27
|
+
|
28
|
+
.ui5-table-row-root:focus::after,
|
29
|
+
.ui5-table-row-root:focus ~ .ui5-table-popin-row::after {
|
30
|
+
pointer-events: none;
|
31
|
+
position: absolute;
|
32
|
+
content: "";
|
33
|
+
inset: var(--ui5_table_focus_outline_offset);
|
34
|
+
border: var(--table-row-border-styles);
|
35
|
+
}
|
36
|
+
|
37
|
+
.ui5-table-row-root:has(+ .ui5-table-popin-row):focus::after {
|
38
|
+
bottom: 0;
|
39
|
+
border-bottom: none;
|
40
|
+
}
|
41
|
+
|
42
|
+
.ui5-table-row-root:focus ~ .ui5-table-popin-row::after {
|
43
|
+
top: 0;
|
44
|
+
bottom: 0;
|
45
|
+
border-top: none;
|
46
|
+
border-bottom: none;
|
47
|
+
}
|
48
|
+
|
49
|
+
|
50
|
+
.ui5-table-row-root:focus ~ .ui5-table-popin-row:last-child:after {
|
51
|
+
top: 0;
|
52
|
+
border-bottom: var(--table-row-border-styles);
|
19
53
|
}
|
54
|
+
/* FOCUS END */
|
20
55
|
|
21
56
|
.ui5-table-popin-row {
|
22
57
|
background-color: var(--sapList_Background);
|
@@ -2,8 +2,7 @@
|
|
2
2
|
|
3
3
|
:root {
|
4
4
|
--ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
|
5
|
-
--ui5_table_header_row_font_weight: bold;
|
6
5
|
--ui5_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);
|
7
6
|
--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
|
8
|
-
--ui5_table_focus_outline_offset:
|
7
|
+
--ui5_table_focus_outline_offset: 0.1875rem;
|
9
8
|
}
|
@@ -1,7 +1,6 @@
|
|
1
1
|
@import "../base/Table-parameters.css";
|
2
2
|
@import "../base/TableRow-parameters.css";
|
3
3
|
@import "./Table-parameters.css";
|
4
|
-
@import "./TableColumn-parameters.css";
|
5
4
|
@import "./TableRow-parameters.css";
|
6
5
|
@import "./TableGroupRow-parameters.css";
|
7
6
|
@import "./GrowingButton-parameters.css";
|
@@ -2,8 +2,7 @@
|
|
2
2
|
|
3
3
|
:root {
|
4
4
|
--ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
|
5
|
-
--ui5_table_header_row_font_weight: bold;
|
6
5
|
--ui5_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);
|
7
6
|
--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
|
8
|
-
--ui5_table_focus_outline_offset:
|
7
|
+
--ui5_table_focus_outline_offset: 0.1875rem;
|
9
8
|
}
|
@@ -1,7 +1,6 @@
|
|
1
1
|
@import "../base/Table-parameters.css";
|
2
2
|
@import "../base/TableRow-parameters.css";
|
3
3
|
@import "./Table-parameters.css";
|
4
|
-
@import "./TableColumn-parameters.css";
|
5
4
|
@import "./TableRow-parameters.css";
|
6
5
|
@import "./TableGroupRow-parameters.css";
|
7
6
|
@import "./GrowingButton-parameters.css";
|
@@ -2,9 +2,8 @@
|
|
2
2
|
|
3
3
|
:root {
|
4
4
|
--ui5_table_header_row_outline_width: 0.125rem;
|
5
|
-
--ui5_table_header_row_font_weight: bold;
|
6
5
|
--ui5_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);
|
7
6
|
--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
|
8
|
-
--ui5_table_focus_outline_offset:
|
7
|
+
--ui5_table_focus_outline_offset: 0.25rem;
|
9
8
|
--ui5_table_header_row_border_width: 0.1875rem;
|
10
9
|
}
|
@@ -2,9 +2,8 @@
|
|
2
2
|
|
3
3
|
:root {
|
4
4
|
--ui5_table_header_row_outline_width: 0.125rem;
|
5
|
-
--ui5_table_header_row_font_weight: bold;
|
6
5
|
--ui5_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);
|
7
6
|
--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
|
8
|
-
--ui5_table_focus_outline_offset:
|
7
|
+
--ui5_table_focus_outline_offset: 0.25rem;
|
9
8
|
--ui5_table_header_row_border_width: 0.1875rem;
|
10
9
|
}
|
package/tsconfig.json
CHANGED
@@ -1,28 +1,36 @@
|
|
1
1
|
{
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
2
|
+
"extends": "@ui5/webcomponents-tools/tsconfig.json",
|
3
|
+
"include": [
|
4
|
+
"src/**/*",
|
5
|
+
"global.d.ts"
|
6
|
+
],
|
7
|
+
"compilerOptions": {
|
8
|
+
"outDir": "dist",
|
9
|
+
"experimentalDecorators": true,
|
10
|
+
"verbatimModuleSyntax": true,
|
11
|
+
"module": "NodeNext",
|
12
|
+
"moduleResolution": "NodeNext",
|
13
|
+
"paths": {
|
14
|
+
"@ui5/webcomponents-base/dist/*": [
|
15
|
+
"../base/src/*"
|
16
|
+
],
|
17
|
+
"@ui5/webcomponents/dist/*": [
|
18
|
+
"../main/src/*"
|
19
|
+
],
|
20
|
+
"@ui5/webcomponents-theming/dist/*": [
|
21
|
+
"../theming/src/*"
|
22
|
+
],
|
23
|
+
},
|
24
|
+
},
|
25
|
+
"references": [
|
26
|
+
{
|
27
|
+
"path": "../base"
|
28
|
+
},
|
29
|
+
{
|
30
|
+
"path": "../main"
|
31
|
+
},
|
32
|
+
{
|
33
|
+
"path": "../theming"
|
34
|
+
},
|
35
|
+
]
|
28
36
|
}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
2
|
-
import type TableCell from "../../TableCell.js";
|
3
|
-
declare function block0(this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
|
4
|
-
export default block0;
|
@@ -1,5 +0,0 @@
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
2
|
-
import { html } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
3
|
-
function block0(context, tags, suffix) { return html `<td tabindex="-1" part="cell" role="cell"><slot></slot></td>`; }
|
4
|
-
export default block0;
|
5
|
-
//# sourceMappingURL=TableCellTemplate.lit.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TableCellTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableCellTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAoE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,8DAA8D,CAAC,CAAA,CAAC;AAGhL,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type TableCell from \"../../TableCell.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<td tabindex=\"-1\" part=\"cell\" role=\"cell\"><slot></slot></td>`;}\n\n\nexport default block0;"]}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
2
|
-
import type TableColumn from "../../TableColumn.js";
|
3
|
-
declare function block0(this: TableColumn, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
|
4
|
-
export default block0;
|
@@ -1,5 +0,0 @@
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
2
|
-
import { html } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
3
|
-
function block0(context, tags, suffix) { return html `<th scope="col" part="column" role="columnheader"><slot></slot></th>`; }
|
4
|
-
export default block0;
|
5
|
-
//# sourceMappingURL=TableColumnTemplate.lit.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TableColumnTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableColumnTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAoE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAAqB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,sEAAsE,CAAC,CAAA,CAAC;AAG1L,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type TableColumn from \"../../TableColumn.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableColumn, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<th scope=\"col\" part=\"column\" role=\"columnheader\"><slot></slot></th>`;}\n\n\nexport default block0;"]}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
2
|
-
import type TableGroupRow from "../../TableGroupRow.js";
|
3
|
-
declare function block0(this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
|
4
|
-
export default block0;
|
@@ -1,5 +0,0 @@
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
2
|
-
import { html, ifDefined } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
3
|
-
function block0(context, tags, suffix) { return html `<tr class="ui5-table-group-row-root" part="group-row" aria-label=${ifDefined(this.ariaLabelText)} tabindex="${ifDefined(this.forcedTabIndex)}" @focusin="${this._onfocusin}"><td colspan=${ifDefined(this.colSpan)}><slot></slot></td></tr>`; }
|
4
|
-
export default block0;
|
5
|
-
//# sourceMappingURL=TableGroupRowTemplate.lit.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TableGroupRowTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableGroupRowTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAwB,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAAuB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,oEAAoE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,IAAI,CAAC,UAAU,iBAAiB,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAA,CAAC;AAGnW,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type TableGroupRow from \"../../TableGroupRow.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<tr class=\"ui5-table-group-row-root\" part=\"group-row\" aria-label=${ifDefined(this.ariaLabelText)} tabindex=\"${ifDefined(this.forcedTabIndex)}\" @focusin=\"${this._onfocusin}\"><td colspan=${ifDefined(this.colSpan)}><slot></slot></td></tr>`;}\n\n\nexport default block0;"]}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
2
|
-
import type TableRow from "../../TableRow.js";
|
3
|
-
declare function block0(this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
|
4
|
-
export default block0;
|
@@ -1,16 +0,0 @@
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
2
|
-
import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
3
|
-
function block0(context, tags, suffix) { return html `<tr class="ui5-table-row-root" tabindex="${ifDefined(this.forcedTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onrowclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @mouseup="${this._onmouseup}" @touchstart="${this._ontouchstart}" @touchend="${this._ontouchend}" aria-label="${ifDefined(this.ariaLabelText)}" aria-selected="${ifDefined(this.selected)}" aria-current="${ifDefined(this._ariaCurrent)}" data-sap-focus-ref part="row">${this.isMultiSelect ? block1.call(this, context, tags, suffix) : undefined}${this.shouldPopin ? block2.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}<td class="ui5-table-row-navigated" aria-hidden="true"><div class="ui5-table-div-navigated"></div></td></tr>${this.shouldPopin ? block6.call(this, context, tags, suffix) : undefined} `; }
|
4
|
-
function block1(context, tags, suffix) { return suffix ? html `<td class="ui5-table-multi-select-cell" aria-hidden="true" role="presentation"><${scopeTag("ui5-checkbox", tags, suffix)} class="ui5-multi-select-checkbox" ?checked="${this.selected}" accessible-name="${ifDefined(this.ariaLabelRowSelection)}" @ui5-change="${ifDefined(this._handleSelection)}" tabindex="-1"></${scopeTag("ui5-checkbox", tags, suffix)}></td>` : html `<td class="ui5-table-multi-select-cell" aria-hidden="true" role="presentation"><ui5-checkbox class="ui5-multi-select-checkbox" ?checked="${this.selected}" accessible-name="${ifDefined(this.ariaLabelRowSelection)}" @ui5-change="${ifDefined(this._handleSelection)}" tabindex="-1"></ui5-checkbox></td>`; }
|
5
|
-
function block2(context, tags, suffix) { return html `${repeat(this.visibleCells, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}`; }
|
6
|
-
function block3(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
|
7
|
-
function block4(context, tags, suffix) { return html `${repeat(this.cells, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}`; }
|
8
|
-
function block5(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
|
9
|
-
function block6(context, tags, suffix) { return html `${repeat(this.popinCells, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}`; }
|
10
|
-
function block7(context, tags, suffix, item, index) { return html `<tr part="popin-row" class="${ifDefined(item.classes)}" @click="${this._onrowclick}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}"><td colspan="${ifDefined(this.visibleCellsCount)}" role="cell">${item.popinDisplayInline ? block8.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index)}</td><td class="ui5-table-row-navigated" aria-hidden="true"><div class="ui5-table-div-navigated"></div></td></tr>`; }
|
11
|
-
function block8(context, tags, suffix, item, index) { return html `<div class="ui5-table-display-inline-container">${item.popinText ? block9.call(this, context, tags, suffix, item, index) : undefined}<span class="ui5-table-cell-display-inline"><slot name="${ifDefined(item.cell._individualSlot)}"></slot></span></div>`; }
|
12
|
-
function block9(context, tags, suffix, item, index) { return html `<span class="ui5-table-row-popin-title">${ifDefined(item.popinText)}:</span>`; }
|
13
|
-
function block10(context, tags, suffix, item, index) { return html `${item.popinText ? block11.call(this, context, tags, suffix, item, index) : undefined}<div><slot name="${ifDefined(item.cell._individualSlot)}"></slot></div>`; }
|
14
|
-
function block11(context, tags, suffix, item, index) { return html `<span class="ui5-table-row-popin-title">${ifDefined(item.popinText)}:</span>`; }
|
15
|
-
export default block0;
|
16
|
-
//# sourceMappingURL=TableRowTemplate.lit.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TableRowTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableRowTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type TableRow from \"../../TableRow.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<tr class=\"ui5-table-row-root\" tabindex=\"${ifDefined(this.forcedTabIndex)}\" @focusin=\"${this._onfocusin}\" @focusout=\"${this._onfocusout}\" @click=\"${this._onrowclick}\" @keydown=\"${this._onkeydown}\" @keyup=\"${this._onkeyup}\" @mouseup=\"${this._onmouseup}\" @touchstart=\"${this._ontouchstart}\" @touchend=\"${this._ontouchend}\" aria-label=\"${ifDefined(this.ariaLabelText)}\" aria-selected=\"${ifDefined(this.selected)}\" aria-current=\"${ifDefined(this._ariaCurrent)}\" data-sap-focus-ref part=\"row\">${ this.isMultiSelect ? block1.call(this, context, tags, suffix) : undefined }${ this.shouldPopin ? block2.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }<td class=\"ui5-table-row-navigated\" aria-hidden=\"true\"><div class=\"ui5-table-div-navigated\"></div></td></tr>${ this.shouldPopin ? block6.call(this, context, tags, suffix) : undefined } `;}\nfunction block1 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<td class=\"ui5-table-multi-select-cell\" aria-hidden=\"true\" role=\"presentation\"><${scopeTag(\"ui5-checkbox\", tags, suffix)} class=\"ui5-multi-select-checkbox\" ?checked=\"${this.selected}\" accessible-name=\"${ifDefined(this.ariaLabelRowSelection)}\" @ui5-change=\"${ifDefined(this._handleSelection)}\" tabindex=\"-1\"></${scopeTag(\"ui5-checkbox\", tags, suffix)}></td>` : html`<td class=\"ui5-table-multi-select-cell\" aria-hidden=\"true\" role=\"presentation\"><ui5-checkbox class=\"ui5-multi-select-checkbox\" ?checked=\"${this.selected}\" accessible-name=\"${ifDefined(this.ariaLabelRowSelection)}\" @ui5-change=\"${ifDefined(this._handleSelection)}\" tabindex=\"-1\"></ui5-checkbox></td>`;}\nfunction block2 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.visibleCells, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }`;}\nfunction block3 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name=\"${ifDefined(item._individualSlot)}\"></slot>`;}\nfunction block4 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.cells, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }`;}\nfunction block5 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name=\"${ifDefined(item._individualSlot)}\"></slot>`;}\nfunction block6 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.popinCells, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block7.call(this, context, tags, suffix, item, index)) }`;}\nfunction block7 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<tr part=\"popin-row\" class=\"${ifDefined(item.classes)}\" @click=\"${this._onrowclick}\" @keydown=\"${this._onkeydown}\" @keyup=\"${this._onkeyup}\"><td colspan=\"${ifDefined(this.visibleCellsCount)}\" role=\"cell\">${ item.popinDisplayInline ? block8.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index) }</td><td class=\"ui5-table-row-navigated\" aria-hidden=\"true\"><div class=\"ui5-table-div-navigated\"></div></td></tr>`;}\nfunction block8 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"ui5-table-display-inline-container\">${ item.popinText ? block9.call(this, context, tags, suffix, item, index) : undefined }<span class=\"ui5-table-cell-display-inline\"><slot name=\"${ifDefined(item.cell._individualSlot)}\"></slot></span></div>`;}\nfunction block9 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span class=\"ui5-table-row-popin-title\">${ifDefined(item.popinText)}:</span>`;}\nfunction block10 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.popinText ? block11.call(this, context, tags, suffix, item, index) : undefined }<div><slot name=\"${ifDefined(item.cell._individualSlot)}\"></slot></div>`;}\nfunction block11 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span class=\"ui5-table-row-popin-title\">${ifDefined(item.popinText)}:</span>`;}\n\n\nexport default block0;"]}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
2
|
-
import type Table from "../../Table.js";
|
3
|
-
declare function block0(this: Table, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
|
4
|
-
export default block0;
|
@@ -1,15 +0,0 @@
|
|
1
|
-
/* eslint no-unused-vars: 0 */
|
2
|
-
import { html, repeat, styleMap, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
3
|
-
function block0(context, tags, suffix) { return html `<div class="ui5-table-root" @ui5-selection-requested="${ifDefined(this._handleSelect)}" @ui5-_forward-after="${ifDefined(this._onForwardAfter)}" @ui5-_forward-before="${ifDefined(this._onForwardBefore)}" @focusin="${this._onfocusin}"><div id="${ifDefined(this._id)}-before" tabindex="0" class="ui5-table-focusarea"></div>${this.busy ? block1.call(this, context, tags, suffix) : undefined}<table border="0" cellspacing="0" cellpadding="0" @keydown="${this._onkeydown}" role="table" aria-label="${ifDefined(this.tableAriaLabelText)}"><thead><tr id="${ifDefined(this._columnHeader.id)}" class="ui5-table-header-row" aria-label="${ifDefined(this.ariaLabelText)}" tabindex="${ifDefined(this._columnHeader.forcedTabIndex)}" @click="${this._onColumnHeaderClick}" @focusin="${this._onColumnHeaderFocused}" @keydown="${this._onColumnHeaderKeydown}">${this.isMultiSelect ? block2.call(this, context, tags, suffix) : undefined}${repeat(this.visibleColumns, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}<th class="ui5-table-header-row-navigated" aria-hidden="true"></th></tr></thead><tbody>${repeat(this.rows, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}${!this.rows.length ? block6.call(this, context, tags, suffix) : undefined}${this.growsWithButton ? block8.call(this, context, tags, suffix) : undefined}${this.growsOnScroll ? block10.call(this, context, tags, suffix) : undefined}</tbody></table><div id="${ifDefined(this._id)}-after" tabindex="0" class="ui5-table-focusarea"></div></div> `; }
|
4
|
-
function block1(context, tags, suffix) { return suffix ? html `<div tabindex="-1" class="ui5-table-busy-row"><${scopeTag("ui5-busy-indicator", tags, suffix)} delay="${ifDefined(this.busyDelay)}" class="ui5-table-busy-ind" style="${styleMap(this.styles.busy)}" active data-sap-focus-ref></${scopeTag("ui5-busy-indicator", tags, suffix)}></div>` : html `<div tabindex="-1" class="ui5-table-busy-row"><ui5-busy-indicator delay="${ifDefined(this.busyDelay)}" class="ui5-table-busy-ind" style="${styleMap(this.styles.busy)}" active data-sap-focus-ref></ui5-busy-indicator></div>`; }
|
5
|
-
function block2(context, tags, suffix) { return html `<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true">${this.rows.length ? block3.call(this, context, tags, suffix) : undefined}</th>`; }
|
6
|
-
function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-checkbox", tags, suffix)} class="ui5-table-select-all-checkbox" ?checked="${this._allRowsSelected}" @ui5-change="${ifDefined(this._selectAll)}" accessible-name="${ifDefined(this.ariaLabelSelectAllText)}" tabindex="-1"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html `<ui5-checkbox class="ui5-table-select-all-checkbox" ?checked="${this._allRowsSelected}" @ui5-change="${ifDefined(this._selectAll)}" accessible-name="${ifDefined(this.ariaLabelSelectAllText)}" tabindex="-1"></ui5-checkbox>`; }
|
7
|
-
function block4(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
|
8
|
-
function block5(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
|
9
|
-
function block6(context, tags, suffix) { return html `${!this.hideNoData ? block7.call(this, context, tags, suffix) : undefined}`; }
|
10
|
-
function block7(context, tags, suffix) { return html `<tr class="ui5-table-no-data-row-root"><td colspan="${ifDefined(this.visibleColumnsCount)}" role="cell" style="width: 100%"><div class="ui5-table-no-data-row"><span>${ifDefined(this.noDataText)}</span></div></td></tr>`; }
|
11
|
-
function block8(context, tags, suffix) { return html `<tr><td colspan="${ifDefined(this.visibleColumnsCount)}"><div growing-button><div id="${ifDefined(this._id)}-growingButton" tabindex="0" role="button" aria-labelledby="${ifDefined(this.loadMoreAriaLabelledBy)}" ?active="${this._loadMoreActive}" @click="${this._onLoadMoreClick}" @keydown="${this._onLoadMoreKeydown}" @keyup="${this._onLoadMoreKeyup}" growing-button-inner><span id="${ifDefined(this._id)}-growingButton-text" growing-button-text>${ifDefined(this._growingButtonText)}</span>${this.growingButtonSubtext ? block9.call(this, context, tags, suffix) : undefined}</div></div></td></tr>`; }
|
12
|
-
function block9(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-growingButton-subtext" growing-button-subtext>${ifDefined(this.growingButtonSubtext)}</span>`; }
|
13
|
-
function block10(context, tags, suffix) { return html `<tr tabindex="-1" class="ui5-table-end-row"><td tabindex="-1"><span tabindex="-1" aria-hidden="true" class="ui5-table-end-marker"></span></td></tr>`; }
|
14
|
-
export default block0;
|
15
|
-
//# sourceMappingURL=TableTemplate.lit.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TableTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\timport type Table from \"../../Table.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"ui5-table-root\" @ui5-selection-requested=\"${ifDefined(this._handleSelect)}\" @ui5-_forward-after=\"${ifDefined(this._onForwardAfter)}\" @ui5-_forward-before=\"${ifDefined(this._onForwardBefore)}\" @focusin=\"${this._onfocusin}\"><div id=\"${ifDefined(this._id)}-before\" tabindex=\"0\" class=\"ui5-table-focusarea\"></div>${ this.busy ? block1.call(this, context, tags, suffix) : undefined }<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" @keydown=\"${this._onkeydown}\" role=\"table\" aria-label=\"${ifDefined(this.tableAriaLabelText)}\"><thead><tr id=\"${ifDefined(this._columnHeader.id)}\" class=\"ui5-table-header-row\" aria-label=\"${ifDefined(this.ariaLabelText)}\" tabindex=\"${ifDefined(this._columnHeader.forcedTabIndex)}\" @click=\"${this._onColumnHeaderClick}\" @focusin=\"${this._onColumnHeaderFocused}\" @keydown=\"${this._onColumnHeaderKeydown}\">${ this.isMultiSelect ? block2.call(this, context, tags, suffix) : undefined }${ repeat(this.visibleColumns, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block4.call(this, context, tags, suffix, item, index)) }<th class=\"ui5-table-header-row-navigated\" aria-hidden=\"true\"></th></tr></thead><tbody>${ repeat(this.rows, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }${ !this.rows.length ? block6.call(this, context, tags, suffix) : undefined }${ this.growsWithButton ? block8.call(this, context, tags, suffix) : undefined }${ this.growsOnScroll ? block10.call(this, context, tags, suffix) : undefined }</tbody></table><div id=\"${ifDefined(this._id)}-after\" tabindex=\"0\" class=\"ui5-table-focusarea\"></div></div> `;}\nfunction block1 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div tabindex=\"-1\" class=\"ui5-table-busy-row\"><${scopeTag(\"ui5-busy-indicator\", tags, suffix)} delay=\"${ifDefined(this.busyDelay)}\" class=\"ui5-table-busy-ind\" style=\"${styleMap(this.styles.busy)}\" active data-sap-focus-ref></${scopeTag(\"ui5-busy-indicator\", tags, suffix)}></div>` : html`<div tabindex=\"-1\" class=\"ui5-table-busy-row\"><ui5-busy-indicator delay=\"${ifDefined(this.busyDelay)}\" class=\"ui5-table-busy-ind\" style=\"${styleMap(this.styles.busy)}\" active data-sap-focus-ref></ui5-busy-indicator></div>`;}\nfunction block2 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<th class=\"ui5-table-select-all-column\" role=\"presentation\" aria-hidden=\"true\">${ this.rows.length ? block3.call(this, context, tags, suffix) : undefined }</th>`;}\nfunction block3 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-checkbox\", tags, suffix)} class=\"ui5-table-select-all-checkbox\" ?checked=\"${this._allRowsSelected}\" @ui5-change=\"${ifDefined(this._selectAll)}\" accessible-name=\"${ifDefined(this.ariaLabelSelectAllText)}\" tabindex=\"-1\"></${scopeTag(\"ui5-checkbox\", tags, suffix)}>` : html`<ui5-checkbox class=\"ui5-table-select-all-checkbox\" ?checked=\"${this._allRowsSelected}\" @ui5-change=\"${ifDefined(this._selectAll)}\" accessible-name=\"${ifDefined(this.ariaLabelSelectAllText)}\" tabindex=\"-1\"></ui5-checkbox>`;}\nfunction block4 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name=\"${ifDefined(item._individualSlot)}\"></slot>`;}\nfunction block5 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name=\"${ifDefined(item._individualSlot)}\"></slot>`;}\nfunction block6 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ !this.hideNoData ? block7.call(this, context, tags, suffix) : undefined }`;}\nfunction block7 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<tr class=\"ui5-table-no-data-row-root\"><td colspan=\"${ifDefined(this.visibleColumnsCount)}\" role=\"cell\" style=\"width: 100%\"><div class=\"ui5-table-no-data-row\"><span>${ifDefined(this.noDataText)}</span></div></td></tr>`;}\nfunction block8 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<tr><td colspan=\"${ifDefined(this.visibleColumnsCount)}\"><div growing-button><div id=\"${ifDefined(this._id)}-growingButton\" tabindex=\"0\" role=\"button\" aria-labelledby=\"${ifDefined(this.loadMoreAriaLabelledBy)}\" ?active=\"${this._loadMoreActive}\" @click=\"${this._onLoadMoreClick}\" @keydown=\"${this._onLoadMoreKeydown}\" @keyup=\"${this._onLoadMoreKeyup}\" growing-button-inner><span id=\"${ifDefined(this._id)}-growingButton-text\" growing-button-text>${ifDefined(this._growingButtonText)}</span>${ this.growingButtonSubtext ? block9.call(this, context, tags, suffix) : undefined }</div></div></td></tr>`;}\nfunction block9 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-growingButton-subtext\" growing-button-subtext>${ifDefined(this.growingButtonSubtext)}</span>`;}\nfunction block10 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<tr tabindex=\"-1\" class=\"ui5-table-end-row\"><td tabindex=\"-1\"><span tabindex=\"-1\" aria-hidden=\"true\" class=\"ui5-table-end-marker\"></span></td></tr>`;}\n\n\nexport default block0;"]}
|
package/src/Table.hbs
DELETED
@@ -1,121 +0,0 @@
|
|
1
|
-
<div
|
2
|
-
class="ui5-table-root"
|
3
|
-
@ui5-selection-requested="{{_handleSelect}}"
|
4
|
-
@ui5-_forward-after="{{_onForwardAfter}}"
|
5
|
-
@ui5-_forward-before="{{_onForwardBefore}}"
|
6
|
-
@focusin="{{_onfocusin}}"
|
7
|
-
>
|
8
|
-
<div id="{{_id}}-before" tabindex="0" class="ui5-table-focusarea"></div>
|
9
|
-
|
10
|
-
{{#if busy}}
|
11
|
-
{{> busyRow}}
|
12
|
-
{{/if}}
|
13
|
-
|
14
|
-
<table border="0" cellspacing="0" cellpadding="0" @keydown="{{_onkeydown}}" role="table" aria-label="{{tableAriaLabelText}}">
|
15
|
-
<thead>
|
16
|
-
<tr
|
17
|
-
id="{{_columnHeader.id}}"
|
18
|
-
class="ui5-table-header-row"
|
19
|
-
aria-label="{{ariaLabelText}}"
|
20
|
-
tabindex="{{_columnHeader.forcedTabIndex}}"
|
21
|
-
@click="{{_onColumnHeaderClick}}"
|
22
|
-
@focusin="{{_onColumnHeaderFocused}}"
|
23
|
-
@keydown="{{_onColumnHeaderKeydown}}"
|
24
|
-
>
|
25
|
-
{{#if isMultiSelect}}
|
26
|
-
<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true">
|
27
|
-
{{#if rows.length}}
|
28
|
-
<ui5-checkbox class="ui5-table-select-all-checkbox"
|
29
|
-
?checked="{{_allRowsSelected}}"
|
30
|
-
@ui5-change="{{_selectAll}}"
|
31
|
-
accessible-name="{{ariaLabelSelectAllText}}"
|
32
|
-
tabindex="-1"
|
33
|
-
>
|
34
|
-
</ui5-checkbox>
|
35
|
-
{{/if}}
|
36
|
-
</th>
|
37
|
-
{{/if}}
|
38
|
-
|
39
|
-
{{#each visibleColumns}}
|
40
|
-
<slot name="{{this._individualSlot}}"></slot>
|
41
|
-
{{/each}}
|
42
|
-
<th class="ui5-table-header-row-navigated" aria-hidden="true"></th>
|
43
|
-
</tr>
|
44
|
-
</thead>
|
45
|
-
|
46
|
-
<tbody>
|
47
|
-
{{#each rows}}
|
48
|
-
<slot name="{{this._individualSlot}}"></slot>
|
49
|
-
{{/each}}
|
50
|
-
|
51
|
-
{{#unless rows.length}}
|
52
|
-
{{#unless hideNoData}}
|
53
|
-
<tr class="ui5-table-no-data-row-root">
|
54
|
-
<td colspan="{{visibleColumnsCount}}" role="cell" style="width: 100%">
|
55
|
-
|
56
|
-
<div class="ui5-table-no-data-row">
|
57
|
-
<span>{{noDataText}}</span>
|
58
|
-
</div>
|
59
|
-
</td>
|
60
|
-
</tr>
|
61
|
-
{{/unless}}
|
62
|
-
{{/unless}}
|
63
|
-
|
64
|
-
{{#if growsWithButton}}
|
65
|
-
{{> moreRow}}
|
66
|
-
{{/if}}
|
67
|
-
|
68
|
-
{{#if growsOnScroll}}
|
69
|
-
{{> tableEndRow}}
|
70
|
-
{{/if}}
|
71
|
-
</tbody>
|
72
|
-
</table>
|
73
|
-
|
74
|
-
<div id="{{_id}}-after" tabindex="0" class="ui5-table-focusarea"></div>
|
75
|
-
</div>
|
76
|
-
|
77
|
-
{{#*inline "moreRow"}}
|
78
|
-
<tr>
|
79
|
-
<td colspan="{{visibleColumnsCount}}">
|
80
|
-
<div growing-button>
|
81
|
-
<div
|
82
|
-
id="{{_id}}-growingButton"
|
83
|
-
tabindex="0"
|
84
|
-
role="button"
|
85
|
-
aria-labelledby="{{loadMoreAriaLabelledBy}}"
|
86
|
-
?active="{{_loadMoreActive}}"
|
87
|
-
@click="{{_onLoadMoreClick}}"
|
88
|
-
@keydown="{{_onLoadMoreKeydown}}"
|
89
|
-
@keyup="{{_onLoadMoreKeyup}}"
|
90
|
-
growing-button-inner
|
91
|
-
>
|
92
|
-
<span id="{{_id}}-growingButton-text" growing-button-text>{{_growingButtonText}}</span>
|
93
|
-
|
94
|
-
{{#if growingButtonSubtext}}
|
95
|
-
<span id="{{_id}}-growingButton-subtext" growing-button-subtext>{{growingButtonSubtext}}</span>
|
96
|
-
{{/if}}
|
97
|
-
</div>
|
98
|
-
</div>
|
99
|
-
</td>
|
100
|
-
</tr>
|
101
|
-
{{/inline}}
|
102
|
-
|
103
|
-
{{#*inline "tableEndRow"}}
|
104
|
-
<tr tabindex="-1" class="ui5-table-end-row">
|
105
|
-
<td tabindex="-1">
|
106
|
-
<span tabindex="-1" aria-hidden="true" class="ui5-table-end-marker"></span>
|
107
|
-
</td>
|
108
|
-
</tr>
|
109
|
-
{{/inline}}
|
110
|
-
|
111
|
-
{{#*inline "busyRow"}}
|
112
|
-
<div tabindex="-1" class="ui5-table-busy-row">
|
113
|
-
<ui5-busy-indicator
|
114
|
-
delay="{{busyDelay}}"
|
115
|
-
class="ui5-table-busy-ind"
|
116
|
-
style="{{styles.busy}}"
|
117
|
-
active
|
118
|
-
data-sap-focus-ref
|
119
|
-
></ui5-busy-indicator>
|
120
|
-
</div>
|
121
|
-
{{/inline}}
|
package/src/TableCell.hbs
DELETED