@ui5/webcomponents-compat 0.0.0-07d38e78e → 0.0.0-4e88b8243
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_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_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,3 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
export default styleData;
|
1
|
+
export default `:root{--ui5-v2-6-0_table_focus_outline_offset: .125rem;--ui5-v2-6-0_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-6-0_table_multiselect_column_width: 2.75rem;--_ui5-v2-6-0_table_load_more_border-bottom: none;--ui5-v2-6-0_table_header_row_outline_width: .125rem;--ui5-v2-6-0_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-6-0_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-6-0_table_focus_outline_offset: .25rem;--ui5-v2-6-0_table_header_row_border_width: .1875rem;--ui5-v2-6-0_table_header_row_font_weight: normal;--ui5-v2-6-0_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-6-0_table_row_outline_width: .125rem;--ui5-v2-6-0_table_group_row_font-weight: bold;--ui5-v2-6-0_table_border_width: 1px 0 1px 0;--_ui5-v2-6-0_load_more_padding: .25rem;--_ui5-v2-6-0_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-6-0_load_more_border_radius: .375rem;--_ui5-v2-6-0_load_more_outline_width: .125rem;--_ui5-v2-6-0_load_more_text_height: 2.75rem;--_ui5-v2-6-0_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-6-0_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-6-0_table_header_row_height: 2.75rem;--ui5-v2-6-0_table_row_height: 2.75rem;--ui5-v2-6-0_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-6-0_load_more_text_height: 2.625rem;--_ui5-v2-6-0_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-6-0_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-6-0_table_header_row_height: 2rem;--ui5-v2-6-0_table_row_height: 2rem}
|
2
|
+
`;
|
4
3
|
//# sourceMappingURL=parameters-bundle.css.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcb/parameters-bundle.css.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcb/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;CACd,CAAA","sourcesContent":["export default `:root{--ui5-v2-6-0_table_focus_outline_offset: .125rem;--ui5-v2-6-0_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-6-0_table_multiselect_column_width: 2.75rem;--_ui5-v2-6-0_table_load_more_border-bottom: none;--ui5-v2-6-0_table_header_row_outline_width: .125rem;--ui5-v2-6-0_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-6-0_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-6-0_table_focus_outline_offset: .25rem;--ui5-v2-6-0_table_header_row_border_width: .1875rem;--ui5-v2-6-0_table_header_row_font_weight: normal;--ui5-v2-6-0_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-6-0_table_row_outline_width: .125rem;--ui5-v2-6-0_table_group_row_font-weight: bold;--ui5-v2-6-0_table_border_width: 1px 0 1px 0;--_ui5-v2-6-0_load_more_padding: .25rem;--_ui5-v2-6-0_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-6-0_load_more_border_radius: .375rem;--_ui5-v2-6-0_load_more_outline_width: .125rem;--_ui5-v2-6-0_load_more_text_height: 2.75rem;--_ui5-v2-6-0_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-6-0_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-6-0_table_header_row_height: 2.75rem;--ui5-v2-6-0_table_row_height: 2.75rem;--ui5-v2-6-0_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-6-0_load_more_text_height: 2.625rem;--_ui5-v2-6-0_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-6-0_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-6-0_table_header_row_height: 2rem;--ui5-v2-6-0_table_row_height: 2rem}\n`"]}
|
@@ -1,3 +1,2 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
export default styleData;
|
1
|
+
declare const _default: ":root{--ui5-v2-6-0_table_focus_outline_offset: .125rem;--ui5-v2-6-0_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-6-0_table_multiselect_column_width: 2.75rem;--_ui5-v2-6-0_table_load_more_border-bottom: none;--ui5-v2-6-0_table_header_row_outline_width: .125rem;--ui5-v2-6-0_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-6-0_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-6-0_table_focus_outline_offset: .25rem;--ui5-v2-6-0_table_header_row_border_width: .1875rem;--ui5-v2-6-0_table_header_row_font_weight: normal;--ui5-v2-6-0_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-6-0_table_row_outline_width: .125rem;--ui5-v2-6-0_table_group_row_font-weight: bold;--ui5-v2-6-0_table_border_width: 1px 0 1px 0;--_ui5-v2-6-0_load_more_padding: .25rem;--_ui5-v2-6-0_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-6-0_load_more_border_radius: .375rem;--_ui5-v2-6-0_load_more_outline_width: .125rem;--_ui5-v2-6-0_load_more_text_height: 2.75rem;--_ui5-v2-6-0_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-6-0_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-6-0_table_header_row_height: 2.75rem;--ui5-v2-6-0_table_row_height: 2.75rem;--ui5-v2-6-0_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-6-0_load_more_text_height: 2.625rem;--_ui5-v2-6-0_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-6-0_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-6-0_table_header_row_height: 2rem;--ui5-v2-6-0_table_row_height: 2rem}\n";
|
2
|
+
export default _default;
|
@@ -1,4 +1,3 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
export default styleData;
|
1
|
+
export default `:root{--ui5-v2-6-0_table_focus_outline_offset: .125rem;--ui5-v2-6-0_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-6-0_table_multiselect_column_width: 2.75rem;--_ui5-v2-6-0_table_load_more_border-bottom: none;--ui5-v2-6-0_table_header_row_outline_width: .125rem;--ui5-v2-6-0_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-6-0_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-6-0_table_focus_outline_offset: .25rem;--ui5-v2-6-0_table_header_row_border_width: .1875rem;--ui5-v2-6-0_table_header_row_font_weight: normal;--ui5-v2-6-0_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-6-0_table_row_outline_width: .125rem;--ui5-v2-6-0_table_group_row_font-weight: bold;--ui5-v2-6-0_table_border_width: 1px 0 1px 0;--_ui5-v2-6-0_load_more_padding: .25rem;--_ui5-v2-6-0_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-6-0_load_more_border_radius: .375rem;--_ui5-v2-6-0_load_more_outline_width: .125rem;--_ui5-v2-6-0_load_more_text_height: 2.75rem;--_ui5-v2-6-0_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-6-0_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-6-0_table_header_row_height: 2.75rem;--ui5-v2-6-0_table_row_height: 2.75rem;--ui5-v2-6-0_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-6-0_load_more_text_height: 2.625rem;--_ui5-v2-6-0_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-6-0_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-6-0_table_header_row_height: 2rem;--ui5-v2-6-0_table_row_height: 2rem}
|
2
|
+
`;
|
4
3
|
//# sourceMappingURL=parameters-bundle.css.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;CACd,CAAA","sourcesContent":["export default `:root{--ui5-v2-6-0_table_focus_outline_offset: .125rem;--ui5-v2-6-0_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-6-0_table_multiselect_column_width: 2.75rem;--_ui5-v2-6-0_table_load_more_border-bottom: none;--ui5-v2-6-0_table_header_row_outline_width: .125rem;--ui5-v2-6-0_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-6-0_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-6-0_table_focus_outline_offset: .25rem;--ui5-v2-6-0_table_header_row_border_width: .1875rem;--ui5-v2-6-0_table_header_row_font_weight: normal;--ui5-v2-6-0_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-6-0_table_row_outline_width: .125rem;--ui5-v2-6-0_table_group_row_font-weight: bold;--ui5-v2-6-0_table_border_width: 1px 0 1px 0;--_ui5-v2-6-0_load_more_padding: .25rem;--_ui5-v2-6-0_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-6-0_load_more_border_radius: .375rem;--_ui5-v2-6-0_load_more_outline_width: .125rem;--_ui5-v2-6-0_load_more_text_height: 2.75rem;--_ui5-v2-6-0_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-6-0_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-6-0_table_header_row_height: 2.75rem;--ui5-v2-6-0_table_row_height: 2.75rem;--ui5-v2-6-0_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-6-0_load_more_text_height: 2.625rem;--_ui5-v2-6-0_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-6-0_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-6-0_table_header_row_height: 2rem;--ui5-v2-6-0_table_row_height: 2rem}\n`"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"root":["../src/assets.ts","../src/table.ts","../src/tablecell.ts","../src/tablecelltemplate.tsx","../src/tablecolumn.ts","../src/tablecolumntemplate.tsx","../src/tablegrouprow.ts","../src/tablegrouprowtemplate.tsx","../src/tablerow.ts","../src/tablerowtemplate.tsx","../src/tabletemplate.tsx","../src/bundle.common.bootstrap.ts","../src/bundle.esm.ts","../src/bundle.scoped.config.ts","../src/bundle.scoped.esm.ts","../src/generated/i18n/i18n-defaults.ts","../src/generated/json-imports/themes-fetch.ts","../src/generated/json-imports/themes.ts","../src/generated/json-imports/i18n-fetch.ts","../src/generated/json-imports/i18n.ts","../src/generated/themes/growingbutton.css.ts","../src/generated/themes/table.css.ts","../src/generated/themes/tablecell.css.ts","../src/generated/themes/tablecolumn.css.ts","../src/generated/themes/tablegrouprow.css.ts","../src/generated/themes/tablerow.css.ts","../src/generated/themes/sap_fiori_3/parameters-bundle.css.ts","../src/generated/themes/sap_fiori_3_dark/parameters-bundle.css.ts","../src/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.ts","../src/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.ts","../src/generated/themes/sap_horizon/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_dark/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_hcb/parameters-bundle.css.ts","../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts","../src/types/tablecolumnpopindisplay.ts","../src/types/tablegrowingmode.ts","../src/types/tablemode.ts","../src/types/tablerowtype.ts"],"version":"5.6.2"}
|
package/dist/web-types.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
3
3
|
"name": "@ui5/webcomponents-compat",
|
4
|
-
"version": "2.
|
4
|
+
"version": "2.6.0",
|
5
5
|
"description-markup": "markdown",
|
6
6
|
"contributions": {
|
7
7
|
"html": {
|
@@ -14,17 +14,17 @@
|
|
14
14
|
{
|
15
15
|
"name": "no-data-text",
|
16
16
|
"description": "Defines the text that will be displayed when there is no data and `hideNoData` is not present.",
|
17
|
-
"value": { "type": "string", "default": "
|
17
|
+
"value": { "type": "string | undefined", "default": "undefined" }
|
18
18
|
},
|
19
19
|
{
|
20
20
|
"name": "growing-button-text",
|
21
21
|
"description": "Defines the text that will be displayed inside the growing button at the bottom of the table,\nmeant for loading more rows upon press.\n\n**Note:** If not specified a built-in text will be displayed.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
22
|
-
"value": { "type": "string", "default": "
|
22
|
+
"value": { "type": "string | undefined", "default": "undefined" }
|
23
23
|
},
|
24
24
|
{
|
25
25
|
"name": "growing-button-subtext",
|
26
26
|
"description": "Defines the subtext that will be displayed under the `growingButtonText`.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
27
|
-
"value": { "type": "string", "default": "
|
27
|
+
"value": { "type": "string | undefined", "default": "undefined" }
|
28
28
|
},
|
29
29
|
{
|
30
30
|
"name": "hide-no-data",
|
@@ -70,7 +70,7 @@
|
|
70
70
|
{
|
71
71
|
"name": "accessible-name-ref",
|
72
72
|
"description": "Receives id(or many ids) of the elements that label the component.",
|
73
|
-
"value": { "type": "string", "default": "
|
73
|
+
"value": { "type": "string | undefined", "default": "undefined" }
|
74
74
|
}
|
75
75
|
],
|
76
76
|
"slots": [
|
@@ -106,17 +106,17 @@
|
|
106
106
|
{
|
107
107
|
"name": "no-data-text",
|
108
108
|
"description": "Defines the text that will be displayed when there is no data and `hideNoData` is not present.",
|
109
|
-
"value": { "type": "string" }
|
109
|
+
"value": { "type": "string | undefined" }
|
110
110
|
},
|
111
111
|
{
|
112
112
|
"name": "growing-button-text",
|
113
113
|
"description": "Defines the text that will be displayed inside the growing button at the bottom of the table,\nmeant for loading more rows upon press.\n\n**Note:** If not specified a built-in text will be displayed.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
114
|
-
"value": { "type": "string" }
|
114
|
+
"value": { "type": "string | undefined" }
|
115
115
|
},
|
116
116
|
{
|
117
117
|
"name": "growing-button-subtext",
|
118
118
|
"description": "Defines the subtext that will be displayed under the `growingButtonText`.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
119
|
-
"value": { "type": "string" }
|
119
|
+
"value": { "type": "string | undefined" }
|
120
120
|
},
|
121
121
|
{
|
122
122
|
"name": "hide-no-data",
|
@@ -158,7 +158,7 @@
|
|
158
158
|
{
|
159
159
|
"name": "accessible-name-ref",
|
160
160
|
"description": "Receives id(or many ids) of the elements that label the component.",
|
161
|
-
"value": { "type": "string" }
|
161
|
+
"value": { "type": "string | undefined" }
|
162
162
|
}
|
163
163
|
],
|
164
164
|
"events": [
|
@@ -208,7 +208,7 @@
|
|
208
208
|
{
|
209
209
|
"name": "popin-text",
|
210
210
|
"description": "The text for the column when it pops in.",
|
211
|
-
"value": { "type": "string", "default": "
|
211
|
+
"value": { "type": "string | undefined", "default": "undefined" }
|
212
212
|
},
|
213
213
|
{
|
214
214
|
"name": "demand-popin",
|
@@ -241,7 +241,7 @@
|
|
241
241
|
{
|
242
242
|
"name": "popin-text",
|
243
243
|
"description": "The text for the column when it pops in.",
|
244
|
-
"value": { "type": "string" }
|
244
|
+
"value": { "type": "string | undefined" }
|
245
245
|
},
|
246
246
|
{
|
247
247
|
"name": "demand-popin",
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@ui5/webcomponents-compat",
|
3
|
-
"version": "0.0.0-
|
3
|
+
"version": "0.0.0-4e88b8243",
|
4
4
|
"description": "UI5 Web Components: webcomponents.compat",
|
5
5
|
"ui5": {
|
6
6
|
"webComponentsPackage": true
|
@@ -45,13 +45,13 @@
|
|
45
45
|
"directory": "packages/compat"
|
46
46
|
},
|
47
47
|
"dependencies": {
|
48
|
-
"@ui5/webcomponents": "0.0.0-
|
49
|
-
"@ui5/webcomponents-base": "0.0.0-
|
50
|
-
"@ui5/webcomponents-icons": "0.0.0-
|
51
|
-
"@ui5/webcomponents-theming": "0.0.0-
|
48
|
+
"@ui5/webcomponents": "0.0.0-4e88b8243",
|
49
|
+
"@ui5/webcomponents-base": "0.0.0-4e88b8243",
|
50
|
+
"@ui5/webcomponents-icons": "0.0.0-4e88b8243",
|
51
|
+
"@ui5/webcomponents-theming": "0.0.0-4e88b8243"
|
52
52
|
},
|
53
53
|
"devDependencies": {
|
54
|
-
"@ui5/webcomponents-tools": "0.0.0-
|
55
|
-
"chromedriver": "^
|
54
|
+
"@ui5/webcomponents-tools": "0.0.0-4e88b8243",
|
55
|
+
"chromedriver": "^131.0.0"
|
56
56
|
}
|
57
57
|
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import type TableGroupRow from "./TableGroupRow.js";
|
2
|
+
|
3
|
+
export default function TableGroupRowTemplate(this: TableGroupRow) {
|
4
|
+
return (
|
5
|
+
<tr
|
6
|
+
part="group-row"
|
7
|
+
class="ui5-table-group-row-root"
|
8
|
+
aria-label={this.ariaLabelText}
|
9
|
+
tabindex={this.forcedTabIndex ? parseInt(this.forcedTabIndex) : undefined}
|
10
|
+
onFocusIn={this._onfocusin}
|
11
|
+
>
|
12
|
+
<td colspan={this.colSpan}>
|
13
|
+
<slot></slot>
|
14
|
+
</td>
|
15
|
+
</tr>
|
16
|
+
);
|
17
|
+
}
|
@@ -0,0 +1,92 @@
|
|
1
|
+
import CheckBox from "@ui5/webcomponents/dist/CheckBox.js";
|
2
|
+
import type TableRow from "./TableRow.js";
|
3
|
+
|
4
|
+
export default function TableRowTemplate(this: TableRow) {
|
5
|
+
return (
|
6
|
+
<>
|
7
|
+
<tr
|
8
|
+
class="ui5-table-row-root"
|
9
|
+
tabindex={this.forcedTabIndex ? parseInt(this.forcedTabIndex) : undefined}
|
10
|
+
onFocusIn={this._onfocusin}
|
11
|
+
onFocusOut={this._onfocusout}
|
12
|
+
onClick={this._onrowclick}
|
13
|
+
onKeyDown={this._onkeydown}
|
14
|
+
onKeyUp={this._onkeyup}
|
15
|
+
onMouseUp={this._onmouseup}
|
16
|
+
onTouchStart={this._ontouchstart}
|
17
|
+
onTouchEnd={this._ontouchend}
|
18
|
+
aria-label={this.ariaLabelText}
|
19
|
+
aria-selected={this.selected}
|
20
|
+
aria-current={this._ariaCurrent}
|
21
|
+
data-sap-focus-ref
|
22
|
+
part="row"
|
23
|
+
>
|
24
|
+
{this.isMultiSelect &&
|
25
|
+
<td
|
26
|
+
class="ui5-table-multi-select-cell"
|
27
|
+
aria-hidden="true"
|
28
|
+
role="presentation"
|
29
|
+
>
|
30
|
+
<CheckBox
|
31
|
+
class="ui5-multi-select-checkbox"
|
32
|
+
checked={this.selected}
|
33
|
+
accessibleName={this.ariaLabelRowSelection}
|
34
|
+
onChange={this._handleSelection}
|
35
|
+
tabindex={-1}
|
36
|
+
/>
|
37
|
+
</td>
|
38
|
+
}
|
39
|
+
|
40
|
+
{this.shouldPopin ?
|
41
|
+
this.visibleCells.map(cell => <slot name={cell._individualSlot}></slot>)
|
42
|
+
:
|
43
|
+
this.cells.map(cell => <slot name={cell._individualSlot}></slot>)
|
44
|
+
}
|
45
|
+
|
46
|
+
<td class="ui5-table-row-navigated" aria-hidden="true">
|
47
|
+
<div class="ui5-table-div-navigated"></div>
|
48
|
+
</td>
|
49
|
+
</tr>
|
50
|
+
|
51
|
+
{
|
52
|
+
this.shouldPopin && this.popinCells.map(cellData =>
|
53
|
+
<tr
|
54
|
+
part="popin-row"
|
55
|
+
class={cellData.classes}
|
56
|
+
onClick={this._onrowclick}
|
57
|
+
onKeyDown={this._onkeydown}
|
58
|
+
onKeyUp={this._onkeyup}
|
59
|
+
>
|
60
|
+
<td colspan={this.visibleCellsCount} role="cell">
|
61
|
+
|
62
|
+
{cellData.popinDisplayInline ?
|
63
|
+
<div class="ui5-table-display-inline-container">
|
64
|
+
{cellData.popinText &&
|
65
|
+
<span class="ui5-table-row-popin-title">{cellData.popinText}:</span>
|
66
|
+
}
|
67
|
+
<span class="ui5-table-cell-display-inline">
|
68
|
+
<slot name={cellData.cell?._individualSlot}></slot>
|
69
|
+
</span>
|
70
|
+
</div>
|
71
|
+
:
|
72
|
+
<>
|
73
|
+
{cellData.popinText &&
|
74
|
+
<span class="ui5-table-row-popin-title">{cellData.popinText}:</span>
|
75
|
+
}
|
76
|
+
<div>
|
77
|
+
<slot name={cellData.cell?._individualSlot}></slot>
|
78
|
+
</div>
|
79
|
+
</>
|
80
|
+
}
|
81
|
+
|
82
|
+
</td>
|
83
|
+
|
84
|
+
<td class="ui5-table-row-navigated" aria-hidden="true">
|
85
|
+
<div class="ui5-table-div-navigated"></div>
|
86
|
+
</td>
|
87
|
+
</tr>
|
88
|
+
)
|
89
|
+
}
|
90
|
+
</>
|
91
|
+
);
|
92
|
+
}
|
@@ -0,0 +1,129 @@
|
|
1
|
+
import type Table from "./Table.js";
|
2
|
+
import CheckBox from "@ui5/webcomponents/dist/CheckBox.js";
|
3
|
+
import BusyIndicator from "@ui5/webcomponents/dist/BusyIndicator.js";
|
4
|
+
|
5
|
+
export default function TableTemplate(this: Table) {
|
6
|
+
return (
|
7
|
+
<div
|
8
|
+
class="ui5-table-root"
|
9
|
+
onui5-selection-requested={this._handleSelect}
|
10
|
+
onui5-forward-after={this._onForwardAfter}
|
11
|
+
onui5-forward-before={this._onForwardBefore}
|
12
|
+
onFocusIn={this._onfocusin}
|
13
|
+
>
|
14
|
+
<BusyIndicator
|
15
|
+
id={`${this._id}-busyIndicator`}
|
16
|
+
delay={this.busyDelay}
|
17
|
+
active={this.busy}
|
18
|
+
class="ui5-table-busy-indicator"
|
19
|
+
>
|
20
|
+
<div id={`${this._id}-before`} tabindex={0} class="ui5-table-focusarea"></div>
|
21
|
+
|
22
|
+
<table
|
23
|
+
role="table"
|
24
|
+
cellSpacing="0"
|
25
|
+
cellPadding="0"
|
26
|
+
aria-label={this.tableAriaLabelText}
|
27
|
+
onKeyDown={this._onkeydown}
|
28
|
+
>
|
29
|
+
<thead>
|
30
|
+
<tr
|
31
|
+
id={this._columnHeader.id}
|
32
|
+
class="ui5-table-header-row"
|
33
|
+
aria-label={this.ariaLabelText}
|
34
|
+
tabindex={this._columnHeader.forcedTabIndex ? parseInt(this._columnHeader.forcedTabIndex) : undefined}
|
35
|
+
onClick={this._onColumnHeaderClick}
|
36
|
+
onFocusIn={this._onColumnHeaderFocused}
|
37
|
+
onKeyDown={this._onColumnHeaderKeydown}
|
38
|
+
>
|
39
|
+
{this.isMultiSelect &&
|
40
|
+
<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true">
|
41
|
+
{this.rows.length > 0 &&
|
42
|
+
<CheckBox
|
43
|
+
class="ui5-table-select-all-checkbox"
|
44
|
+
tabindex={-1}
|
45
|
+
checked={this._allRowsSelected}
|
46
|
+
accessibleName={this.ariaLabelSelectAllText}
|
47
|
+
onChange={this._selectAll}
|
48
|
+
>
|
49
|
+
</CheckBox>
|
50
|
+
}
|
51
|
+
</th>
|
52
|
+
}
|
53
|
+
|
54
|
+
{this.visibleColumns.map(col =>
|
55
|
+
<slot name={col._individualSlot}></slot>
|
56
|
+
)}
|
57
|
+
|
58
|
+
<th class="ui5-table-header-row-navigated" aria-hidden="true"></th>
|
59
|
+
</tr>
|
60
|
+
</thead>
|
61
|
+
|
62
|
+
<tbody>
|
63
|
+
{
|
64
|
+
this.rows.map(row =>
|
65
|
+
<slot name={row._individualSlot}></slot>
|
66
|
+
)}
|
67
|
+
|
68
|
+
{!this.rows.length && !this.hideNoData &&
|
69
|
+
<tr class="ui5-table-no-data-row-root">
|
70
|
+
<td colspan={this.visibleColumnsCount} role="cell" style="width: 100%">
|
71
|
+
|
72
|
+
<div class="ui5-table-no-data-row">
|
73
|
+
<span>{this.noDataText}</span>
|
74
|
+
</div>
|
75
|
+
</td>
|
76
|
+
</tr>
|
77
|
+
}
|
78
|
+
|
79
|
+
{ this.growsWithButton && moreRow.call(this) }
|
80
|
+
|
81
|
+
{ this.growsOnScroll && endRow.call(this) }
|
82
|
+
</tbody>
|
83
|
+
</table>
|
84
|
+
|
85
|
+
<div id={`${this._id}-after`} tabindex={0} class="ui5-table-focusarea"></div>
|
86
|
+
</BusyIndicator>
|
87
|
+
</div>
|
88
|
+
);
|
89
|
+
}
|
90
|
+
|
91
|
+
function moreRow(this: Table) {
|
92
|
+
return (
|
93
|
+
<tr>
|
94
|
+
<td colspan={this.visibleColumnsCount}>
|
95
|
+
<div class="ui5-table-growing-row">
|
96
|
+
<div
|
97
|
+
id={`${this._id}-growingButton`}
|
98
|
+
class={{
|
99
|
+
"ui5-table-growing-row-inner": true,
|
100
|
+
"ui5-table-growing-row-inner--active": this._loadMoreActive
|
101
|
+
}}
|
102
|
+
role="button"
|
103
|
+
tabindex={0}
|
104
|
+
aria-labelledby={this.loadMoreAriaLabelledBy}
|
105
|
+
onClick={this._onLoadMoreClick}
|
106
|
+
onKeyUp={this._onLoadMoreKeyup}
|
107
|
+
onKeyDown={this._onLoadMoreKeydown}
|
108
|
+
>
|
109
|
+
<span id={`${this._id}-growingButton-text`} class="ui5-table-growing-row-text">{this._growingButtonText}</span>
|
110
|
+
|
111
|
+
{this.growingButtonSubtext &&
|
112
|
+
<span id={`${this._id}-growingButton-subtext`} class="ui5-table-growing-row-subtext">{this.growingButtonSubtext}</span>
|
113
|
+
}
|
114
|
+
</div>
|
115
|
+
</div>
|
116
|
+
</td>
|
117
|
+
</tr>
|
118
|
+
);
|
119
|
+
}
|
120
|
+
|
121
|
+
function endRow(this: Table) {
|
122
|
+
return (
|
123
|
+
<tr tabindex={-1} aria-hidden="true" class="ui5-table-end-row">
|
124
|
+
<td tabindex={-1}>
|
125
|
+
<span tabindex={-1} aria-hidden="true" class="ui5-table-end-marker"></span>
|
126
|
+
</td>
|
127
|
+
</tr>
|
128
|
+
);
|
129
|
+
}
|