@ui5/webcomponents-compat 0.0.0-bf8366eb6 → 0.0.0-c42896b6b
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 +712 -0
- package/README.md +7 -7
- package/cypress.config.js +3 -0
- package/dist/Table.d.ts +23 -27
- package/dist/Table.js +131 -76
- package/dist/Table.js.map +1 -1
- package/dist/TableCell.d.ts +1 -1
- package/dist/TableCell.js +24 -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 +4 -3
- package/dist/TableColumn.js +50 -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 +7 -4
- package/dist/TableGroupRow.js +29 -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 +15 -9
- package/dist/TableRow.js +104 -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 +73 -68
- package/dist/custom-elements.json +43 -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_hr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_id.json +1 -0
- package/dist/generated/assets/i18n/messagebundle_it.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-node.d.ts +1 -0
- package/dist/generated/json-imports/Themes-node.js +25 -0
- package/dist/generated/json-imports/Themes-node.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-node.d.ts +1 -0
- package/dist/generated/json-imports/i18n-node.js +120 -0
- package/dist/generated/json-imports/i18n-node.js.map +1 -0
- package/dist/generated/json-imports/i18n.js +2 -2
- 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/utils/CompatCustomElementsScope.d.ts +5 -0
- package/dist/utils/CompatCustomElementsScope.js +38 -0
- package/dist/utils/CompatCustomElementsScope.js.map +1 -0
- package/dist/web-types.json +16 -16
- package/package-scripts.cjs +4 -0
- package/package.json +11 -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_hr.properties +1 -1
- package/src/i18n/messagebundle_it.properties +1 -1
- package/src/i18n/messagebundle_lv.properties +1 -1
- package/src/themes/GrowingButton.css +12 -12
- package/src/themes/Table.css +15 -22
- package/src/themes/TableGroupRow.css +1 -1
- 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/assets/i18n/messagebundle_in.json +0 -1
- 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/i18n/messagebundle_in.properties +0 -172
- 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-13-1_table_focus_outline_offset: .125rem;--ui5-v2-13-1_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-13-1_table_multiselect_column_width: 2.75rem;--_ui5-v2-13-1_table_load_more_border-bottom: none;--ui5-v2-13-1_table_header_row_outline_width: .125rem;--ui5-v2-13-1_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-13-1_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-13-1_table_focus_outline_offset: .25rem;--ui5-v2-13-1_table_header_row_border_width: .1875rem;--ui5-v2-13-1_table_header_row_font_weight: normal;--ui5-v2-13-1_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-13-1_table_row_outline_width: .125rem;--ui5-v2-13-1_table_group_row_font-weight: bold;--ui5-v2-13-1_table_border_width: 1px 0 1px 0;--_ui5-v2-13-1_load_more_padding: .25rem;--_ui5-v2-13-1_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-13-1_load_more_border_radius: .375rem;--_ui5-v2-13-1_load_more_outline_width: .125rem;--_ui5-v2-13-1_load_more_text_height: 2.75rem;--_ui5-v2-13-1_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-13-1_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-13-1_table_header_row_height: 2.75rem;--ui5-v2-13-1_table_row_height: 2.75rem;--ui5-v2-13-1_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-13-1_load_more_text_height: 2.625rem;--_ui5-v2-13-1_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-13-1_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-13-1_table_header_row_height: 2rem;--ui5-v2-13-1_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-13-1_table_focus_outline_offset: .125rem;--ui5-v2-13-1_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-13-1_table_multiselect_column_width: 2.75rem;--_ui5-v2-13-1_table_load_more_border-bottom: none;--ui5-v2-13-1_table_header_row_outline_width: .125rem;--ui5-v2-13-1_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-13-1_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-13-1_table_focus_outline_offset: .25rem;--ui5-v2-13-1_table_header_row_border_width: .1875rem;--ui5-v2-13-1_table_header_row_font_weight: normal;--ui5-v2-13-1_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-13-1_table_row_outline_width: .125rem;--ui5-v2-13-1_table_group_row_font-weight: bold;--ui5-v2-13-1_table_border_width: 1px 0 1px 0;--_ui5-v2-13-1_load_more_padding: .25rem;--_ui5-v2-13-1_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-13-1_load_more_border_radius: .375rem;--_ui5-v2-13-1_load_more_outline_width: .125rem;--_ui5-v2-13-1_load_more_text_height: 2.75rem;--_ui5-v2-13-1_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-13-1_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-13-1_table_header_row_height: 2.75rem;--ui5-v2-13-1_table_row_height: 2.75rem;--ui5-v2-13-1_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-13-1_load_more_text_height: 2.625rem;--_ui5-v2-13-1_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-13-1_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-13-1_table_header_row_height: 2rem;--ui5-v2-13-1_table_row_height: 2rem}\n`"]}
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export default styleData;
|
|
1
|
+
declare const _default: ":root{--ui5-v2-13-1_table_focus_outline_offset: .125rem;--ui5-v2-13-1_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-13-1_table_multiselect_column_width: 2.75rem;--_ui5-v2-13-1_table_load_more_border-bottom: none;--ui5-v2-13-1_table_header_row_outline_width: .125rem;--ui5-v2-13-1_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-13-1_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-13-1_table_focus_outline_offset: .25rem;--ui5-v2-13-1_table_header_row_border_width: .1875rem;--ui5-v2-13-1_table_header_row_font_weight: normal;--ui5-v2-13-1_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-13-1_table_row_outline_width: .125rem;--ui5-v2-13-1_table_group_row_font-weight: bold;--ui5-v2-13-1_table_border_width: 1px 0 1px 0;--_ui5-v2-13-1_load_more_padding: .25rem;--_ui5-v2-13-1_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-13-1_load_more_border_radius: .375rem;--_ui5-v2-13-1_load_more_outline_width: .125rem;--_ui5-v2-13-1_load_more_text_height: 2.75rem;--_ui5-v2-13-1_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-13-1_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-13-1_table_header_row_height: 2.75rem;--ui5-v2-13-1_table_row_height: 2.75rem;--ui5-v2-13-1_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-13-1_load_more_text_height: 2.625rem;--_ui5-v2-13-1_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-13-1_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-13-1_table_header_row_height: 2rem;--ui5-v2-13-1_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-13-1_table_focus_outline_offset: .125rem;--ui5-v2-13-1_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-13-1_table_multiselect_column_width: 2.75rem;--_ui5-v2-13-1_table_load_more_border-bottom: none;--ui5-v2-13-1_table_header_row_outline_width: .125rem;--ui5-v2-13-1_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-13-1_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-13-1_table_focus_outline_offset: .25rem;--ui5-v2-13-1_table_header_row_border_width: .1875rem;--ui5-v2-13-1_table_header_row_font_weight: normal;--ui5-v2-13-1_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-13-1_table_row_outline_width: .125rem;--ui5-v2-13-1_table_group_row_font-weight: bold;--ui5-v2-13-1_table_border_width: 1px 0 1px 0;--_ui5-v2-13-1_load_more_padding: .25rem;--_ui5-v2-13-1_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-13-1_load_more_border_radius: .375rem;--_ui5-v2-13-1_load_more_outline_width: .125rem;--_ui5-v2-13-1_load_more_text_height: 2.75rem;--_ui5-v2-13-1_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-13-1_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-13-1_table_header_row_height: 2.75rem;--ui5-v2-13-1_table_row_height: 2.75rem;--ui5-v2-13-1_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-13-1_load_more_text_height: 2.625rem;--_ui5-v2-13-1_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-13-1_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-13-1_table_header_row_height: 2rem;--ui5-v2-13-1_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-13-1_table_focus_outline_offset: .125rem;--ui5-v2-13-1_table_bottom_border: 1px solid var(--sapList_BorderColor);--ui5-v2-13-1_table_multiselect_column_width: 2.75rem;--_ui5-v2-13-1_table_load_more_border-bottom: none;--ui5-v2-13-1_table_header_row_outline_width: .125rem;--ui5-v2-13-1_table_header_row_font_family: var(--sapFontSemiboldDuplexFamily);--ui5-v2-13-1_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);--ui5-v2-13-1_table_focus_outline_offset: .25rem;--ui5-v2-13-1_table_header_row_border_width: .1875rem;--ui5-v2-13-1_table_header_row_font_weight: normal;--ui5-v2-13-1_table_multiselect_popin_row_padding: 3.25rem;--ui5-v2-13-1_table_row_outline_width: .125rem;--ui5-v2-13-1_table_group_row_font-weight: bold;--ui5-v2-13-1_table_border_width: 1px 0 1px 0;--_ui5-v2-13-1_load_more_padding: .25rem;--_ui5-v2-13-1_load_more_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-13-1_load_more_border_radius: .375rem;--_ui5-v2-13-1_load_more_outline_width: .125rem;--_ui5-v2-13-1_load_more_text_height: 2.75rem;--_ui5-v2-13-1_load_more_text_font_size: var(--sapFontMediumSize);--_ui5-v2-13-1_load_more_desc_padding: .375rem 2rem .875rem 2rem;--ui5-v2-13-1_table_header_row_height: 2.75rem;--ui5-v2-13-1_table_row_height: 2.75rem;--ui5-v2-13-1_table_group_row_height: 2rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-13-1_load_more_text_height: 2.625rem;--_ui5-v2-13-1_load_more_text_font_size: var(--sapFontSize);--_ui5-v2-13-1_load_more_desc_padding: 0 2rem .875rem 2rem;--ui5-v2-13-1_table_header_row_height: 2rem;--ui5-v2-13-1_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-node.ts","../src/generated/json-imports/Themes.ts","../src/generated/json-imports/i18n-fetch.ts","../src/generated/json-imports/i18n-node.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","../src/utils/CompatCustomElementsScope.ts"],"version":"5.6.2"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type UI5Element from "@ui5/webcomponents-base";
|
|
2
|
+
declare const setCompatCustomElementsScopingSuffix: (suffix: string) => void;
|
|
3
|
+
declare const getCompatCustomElementsScopingSuffix: () => string;
|
|
4
|
+
declare const patchScopingSuffix: (klass: typeof UI5Element) => void;
|
|
5
|
+
export { setCompatCustomElementsScopingSuffix, getCompatCustomElementsScopingSuffix, patchScopingSuffix, };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScope.js";
|
|
2
|
+
import { hasRegisteredTags } from "@ui5/webcomponents-base/dist/CustomElementsRegistry.js";
|
|
3
|
+
let suf;
|
|
4
|
+
const setCompatCustomElementsScopingSuffix = (suffix) => {
|
|
5
|
+
if (!suffix.match(/^[a-zA-Z0-9_-]+$/)) {
|
|
6
|
+
throw new Error("Only alphanumeric characters and dashes allowed for the scoping suffix");
|
|
7
|
+
}
|
|
8
|
+
if (hasRegisteredTags()) {
|
|
9
|
+
// eslint-disable-next-line no-console
|
|
10
|
+
console.warn("Setting the compatibility scoping suffix must be done before importing any components. For proper usage, read the scoping section: https://github.com/SAP/ui5-webcomponents/blob/main/docs/2-advanced/06-scoping.md.");
|
|
11
|
+
}
|
|
12
|
+
suf = suffix;
|
|
13
|
+
};
|
|
14
|
+
const getCompatCustomElementsScopingSuffix = () => {
|
|
15
|
+
return suf;
|
|
16
|
+
};
|
|
17
|
+
const patchScopingSuffix = (klass) => {
|
|
18
|
+
const metadata = klass.getMetadata();
|
|
19
|
+
// eslint-disable-next-line @typescript-eslint/unbound-method
|
|
20
|
+
const originalGetTag = metadata.getTag;
|
|
21
|
+
metadata.getTag = function () {
|
|
22
|
+
const originalTag = originalGetTag.call(this);
|
|
23
|
+
if (!originalTag) {
|
|
24
|
+
return "";
|
|
25
|
+
}
|
|
26
|
+
const compatSuffix = getCompatCustomElementsScopingSuffix();
|
|
27
|
+
const suffix = getCustomElementsScopingSuffix();
|
|
28
|
+
if (!compatSuffix) {
|
|
29
|
+
return originalTag;
|
|
30
|
+
}
|
|
31
|
+
if (suffix && originalTag.endsWith(`-${suffix}`)) {
|
|
32
|
+
return originalTag.replace(`-${suffix}`, `-${compatSuffix}-${suffix}`);
|
|
33
|
+
}
|
|
34
|
+
return `${originalTag}-${compatSuffix}`;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export { setCompatCustomElementsScopingSuffix, getCompatCustomElementsScopingSuffix, patchScopingSuffix, };
|
|
38
|
+
//# sourceMappingURL=CompatCustomElementsScope.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CompatCustomElementsScope.js","sourceRoot":"","sources":["../../src/utils/CompatCustomElementsScope.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,8BAA8B,EAAE,MAAM,qDAAqD,CAAC;AACrG,OAAO,EAAE,iBAAiB,EAAE,MAAM,wDAAwD,CAAC;AAE3F,IAAI,GAAW,CAAC;AAEhB,MAAM,oCAAoC,GAAG,CAAC,MAAc,EAAE,EAAE;IAC/D,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC;QACvC,MAAM,IAAI,KAAK,CAAC,wEAAwE,CAAC,CAAC;IAC3F,CAAC;IAED,IAAI,iBAAiB,EAAE,EAAE,CAAC;QACzB,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,sNAAsN,CAAC,CAAC;IACtO,CAAC;IAED,GAAG,GAAG,MAAM,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,oCAAoC,GAAG,GAAG,EAAE;IACjD,OAAO,GAAG,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IACrC,6DAA6D;IAC7D,MAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,CAAC;IAEvC,QAAQ,CAAC,MAAM,GAAG;QACjB,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE9C,IAAI,CAAC,WAAW,EAAE,CAAC;YAClB,OAAO,EAAE,CAAC;QACX,CAAC;QAED,MAAM,YAAY,GAAG,oCAAoC,EAAE,CAAC;QAC5D,MAAM,MAAM,GAAG,8BAA8B,EAAE,CAAC;QAEhD,IAAI,CAAC,YAAY,EAAE,CAAC;YACnB,OAAO,WAAW,CAAC;QACpB,CAAC;QAED,IAAI,MAAM,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,MAAM,EAAE,CAAC,EAAE,CAAC;YAClD,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,MAAM,EAAE,EAAE,IAAI,YAAY,IAAI,MAAM,EAAE,CAAC,CAAC;QACxE,CAAC;QAED,OAAO,GAAG,WAAW,IAAI,YAAY,EAAE,CAAC;IACzC,CAAC,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,EACN,oCAAoC,EACpC,oCAAoC,EACpC,kBAAkB,GAClB,CAAC","sourcesContent":["import type UI5Element from \"@ui5/webcomponents-base\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScope.js\";\nimport { hasRegisteredTags } from \"@ui5/webcomponents-base/dist/CustomElementsRegistry.js\";\n\nlet suf: string;\n\nconst setCompatCustomElementsScopingSuffix = (suffix: string) => {\n\tif (!suffix.match(/^[a-zA-Z0-9_-]+$/)) {\n\t\tthrow new Error(\"Only alphanumeric characters and dashes allowed for the scoping suffix\");\n\t}\n\n\tif (hasRegisteredTags()) {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.warn(\"Setting the compatibility scoping suffix must be done before importing any components. For proper usage, read the scoping section: https://github.com/SAP/ui5-webcomponents/blob/main/docs/2-advanced/06-scoping.md.\");\n\t}\n\n\tsuf = suffix;\n};\n\nconst getCompatCustomElementsScopingSuffix = () => {\n\treturn suf;\n};\n\nconst patchScopingSuffix = (klass: typeof UI5Element) => {\n\tconst metadata = klass.getMetadata();\n\t// eslint-disable-next-line @typescript-eslint/unbound-method\n\tconst originalGetTag = metadata.getTag;\n\n\tmetadata.getTag = function () {\n\t\tconst originalTag = originalGetTag.call(this);\n\n\t\tif (!originalTag) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tconst compatSuffix = getCompatCustomElementsScopingSuffix();\n\t\tconst suffix = getCustomElementsScopingSuffix();\n\n\t\tif (!compatSuffix) {\n\t\t\treturn originalTag;\n\t\t}\n\n\t\tif (suffix && originalTag.endsWith(`-${suffix}`)) {\n\t\t\treturn originalTag.replace(`-${suffix}`, `-${compatSuffix}-${suffix}`);\n\t\t}\n\n\t\treturn `${originalTag}-${compatSuffix}`;\n\t};\n};\n\nexport {\n\tsetCompatCustomElementsScopingSuffix,\n\tgetCompatCustomElementsScopingSuffix,\n\tpatchScopingSuffix,\n};\n"]}
|
package/dist/web-types.json
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
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.13.1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "ui5-table",
|
|
11
|
-
"description": "### Overview\n\nThe `ui5-table` component provides a set of sophisticated and convenient functions for responsive table design.\nIt provides a comprehensive set of features for displaying and dealing with vast amounts of data.\n\nTo render the `Table` properly, the order of the `columns` should match with the\norder of the item `cells` in the `rows`.\n\nDesktop and tablet devices are supported.\nOn tablets, special consideration should be given to the number of visible columns\nand rows due to the limited performance of some devices.\n\n### Selection\nTo benefit from the selection mechanism of `ui5-table` component, you can use the available selection modes:\n`SingleSelect` and `MultiSelect`.\n\nIn additition to the used mode, you can also specify the `ui5-table-row` type choosing between\n`Active` or `Inactive`.\n\nIn `SingleSelect` mode, you can select both an `Active` and `Inactive` row via mouse or\nby pressing the `Space` or `Enter` keys.\n\nIn `MultiSelect` mode, you can select both an `Active` and `Inactive` row by pressing the\n`Space` key when a row is on focus or via mouse click over the selection checkbox of the row.\nIn order to select all the available rows at once, you can use the selection checkbox presented in the table's header.\n\n**Note:** Currently, when a column is shown as a pop-in, the visual indication for selection is not presented over it.\n\n### Keyboard Handling\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\nFurthermore, you can interact with `ui5-table` via the following keys.\n\n- [F7] - If focus is on an interactive control inside an item, moves focus to the corresponding item.\n- [Ctrl]+[A] - Selects all items, if MultiSelect mode is enabled.\n- [Home]/[End] - Focuses the first/last item.\n- [Page Up]/[Page Down] - Moves focus up/down by page size (20 items by default).\n- [Alt]+[Down]/[Up] - Switches focus between header, last focused item, and More button (if applies) in either direction.\n- [Shift]+[Down]/[Up] - Selects the next/previous item in a MultiSelect table, if the current item is selected (Range selection). Otherwise, deselects them (Range deselection).\n- [Shift]+[Home]/[End] - Range selection to the first/last item of the List.\n- [Ctrl]+[Home]/[End] - Same behavior as HOME & END.\n\n### ES6 Module Import\n\n- `import \"@ui5/webcomponents-compat/dist/Table.js\";`\n- `import \"@ui5/webcomponents-compat/dist/TableColumn.js\";` (`ui5-table-column`)\n- `import \"@ui5/webcomponents-compat/dist/TableRow.js\";` (`ui5-table-row`)\n- `import \"@ui5/webcomponents-compat/dist/TableGroupRow.js\";` (`ui5-table-group-row`)\n- `import \"@ui5/webcomponents-compat/dist/TableCell.js\";` (`ui5-table-cell`)\n---\n\n\n### **Events:**\n - **row-click** - Fired when a row in `Active` mode is clicked or `Enter` key is pressed.\n- **popin-change** - Fired when `ui5-table-column` is shown as a pop-in instead of hiding it.\n- **load-more** - Fired when the user presses the `More` button or scrolls to the table's end.\n\n**Note:** The event will be fired if `growing` is set to `Button` or `Scroll`.\n- **selection-change** - Fired when selection is changed by user interaction\nin `SingleSelect` and `MultiSelect` modes.\n\n### **Slots:**\n - **default** - Defines the component rows.\n\n**Note:** Use `ui5-table-row` for the intended design.\n- **columns** - Defines the configuration for the columns of the component.\n\n**Note:** Use `ui5-table-column` for the intended design.",
|
|
11
|
+
"description": "@deprecated Deprecated as of version 2.12.0, use `@ui5/webcomponents/dist/Table.js` instead.\n\n### Overview\n\nThe `ui5-table` component provides a set of sophisticated and convenient functions for responsive table design.\nIt provides a comprehensive set of features for displaying and dealing with vast amounts of data.\n\nTo render the `Table` properly, the order of the `columns` should match with the\norder of the item `cells` in the `rows`.\n\nDesktop and tablet devices are supported.\nOn tablets, special consideration should be given to the number of visible columns\nand rows due to the limited performance of some devices.\n\n### Selection\nTo benefit from the selection mechanism of `ui5-table` component, you can use the available selection modes:\n`SingleSelect` and `MultiSelect`.\n\nIn additition to the used mode, you can also specify the `ui5-table-row` type choosing between\n`Active` or `Inactive`.\n\nIn `SingleSelect` mode, you can select both an `Active` and `Inactive` row via mouse or\nby pressing the `Space` or `Enter` keys.\n\nIn `MultiSelect` mode, you can select both an `Active` and `Inactive` row by pressing the\n`Space` key when a row is on focus or via mouse click over the selection checkbox of the row.\nIn order to select all the available rows at once, you can use the selection checkbox presented in the table's header.\n\n**Note:** Currently, when a column is shown as a pop-in, the visual indication for selection is not presented over it.\n\n### Keyboard Handling\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\nFurthermore, you can interact with `ui5-table` via the following keys.\n\n- [F7] - If focus is on an interactive control inside an item, moves focus to the corresponding item.\n- [Ctrl]+[A] - Selects all items, if MultiSelect mode is enabled.\n- [Home]/[End] - Focuses the first/last item.\n- [Page Up]/[Page Down] - Moves focus up/down by page size (20 items by default).\n- [Alt]+[Down]/[Up] - Switches focus between header, last focused item, and More button (if applies) in either direction.\n- [Shift]+[Down]/[Up] - Selects the next/previous item in a MultiSelect table, if the current item is selected (Range selection). Otherwise, deselects them (Range deselection).\n- [Shift]+[Home]/[End] - Range selection to the first/last item of the List.\n- [Ctrl]+[Home]/[End] - Same behavior as HOME & END.\n\n### ES6 Module Import\n\n- `import \"@ui5/webcomponents-compat/dist/Table.js\";`\n- `import \"@ui5/webcomponents-compat/dist/TableColumn.js\";` (`ui5-table-column`)\n- `import \"@ui5/webcomponents-compat/dist/TableRow.js\";` (`ui5-table-row`)\n- `import \"@ui5/webcomponents-compat/dist/TableGroupRow.js\";` (`ui5-table-group-row`)\n- `import \"@ui5/webcomponents-compat/dist/TableCell.js\";` (`ui5-table-cell`)\n---\n\n\n### **Events:**\n - **row-click** - Fired when a row in `Active` mode is clicked or `Enter` key is pressed.\n- **popin-change** - Fired when `ui5-table-column` is shown as a pop-in instead of hiding it.\n- **load-more** - Fired when the user presses the `More` button or scrolls to the table's end.\n\n**Note:** The event will be fired if `growing` is set to `Button` or `Scroll`.\n- **selection-change** - Fired when selection is changed by user interaction\nin `SingleSelect` and `MultiSelect` modes.\n\n### **Slots:**\n - **default** - Defines the component rows.\n\n**Note:** Use `ui5-table-row` for the intended design.\n- **columns** - Defines the configuration for the columns of the component.\n\n**Note:** Use `ui5-table-column` for the intended design.",
|
|
12
12
|
"doc-url": "",
|
|
13
13
|
"attributes": [
|
|
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": [
|
|
@@ -183,7 +183,7 @@
|
|
|
183
183
|
},
|
|
184
184
|
{
|
|
185
185
|
"name": "ui5-table-cell",
|
|
186
|
-
"description": "### Overview\n\nThe `ui5-table-cell` component defines the structure of the data in a single `ui5-table` cell.\n---\n\n\n### **Slots:**\n - **default** - Specifies the content of the component.\n\n### **CSS Parts:**\n - **cell** - Used to style the native `td` element",
|
|
186
|
+
"description": "@deprecated Deprecated as of version 2.12.0, use `@ui5/webcomponents/dist/TableCell.js` instead.\n\n### Overview\n\nThe `ui5-table-cell` component defines the structure of the data in a single `ui5-table` cell.\n---\n\n\n### **Slots:**\n - **default** - Specifies the content of the component.\n\n### **CSS Parts:**\n - **cell** - Used to style the native `td` element",
|
|
187
187
|
"doc-url": "",
|
|
188
188
|
"attributes": [],
|
|
189
189
|
"slots": [
|
|
@@ -197,7 +197,7 @@
|
|
|
197
197
|
},
|
|
198
198
|
{
|
|
199
199
|
"name": "ui5-table-column",
|
|
200
|
-
"description": "### Overview\n\nThe `ui5-table-column` component allows to define column specific properties that are applied\nwhen rendering the `ui5-table` component.\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the column header\n\n### **CSS Parts:**\n - **column** - Used to style the native `th` element",
|
|
200
|
+
"description": "@deprecated Deprecated as of version 2.12.0, use `@ui5/webcomponents/dist/Table.js` instead.\n\n### Overview\n\nThe `ui5-table-column` component allows to define column specific properties that are applied\nwhen rendering the `ui5-table` component.\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the column header\n\n### **CSS Parts:**\n - **column** - Used to style the native `th` element",
|
|
201
201
|
"doc-url": "",
|
|
202
202
|
"attributes": [
|
|
203
203
|
{
|
|
@@ -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",
|
|
@@ -259,7 +259,7 @@
|
|
|
259
259
|
},
|
|
260
260
|
{
|
|
261
261
|
"name": "ui5-table-group-row",
|
|
262
|
-
"description": "### Overview\n\nThe `ui5-table-group-row` component represents a group row in the `ui5-table`.\n---\n\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n\n### **CSS Parts:**\n - **group-row** - Used to style the native `tr` element",
|
|
262
|
+
"description": "@deprecated Deprecated as of version 2.12.0, use `@ui5/webcomponents/dist/Table.js` instead.\n\n### Overview\n\nThe `ui5-table-group-row` component represents a group row in the `ui5-table`.\n---\n\n\n### **Slots:**\n - **default** - Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n\n### **CSS Parts:**\n - **group-row** - Used to style the native `tr` element",
|
|
263
263
|
"doc-url": "",
|
|
264
264
|
"attributes": [],
|
|
265
265
|
"slots": [
|
|
@@ -273,7 +273,7 @@
|
|
|
273
273
|
},
|
|
274
274
|
{
|
|
275
275
|
"name": "ui5-table-row",
|
|
276
|
-
"description": "### Overview\n\nThe `ui5-table-row` component represents a row in the `ui5-table`.\n---\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design.\n\n### **CSS Parts:**\n - **row** - Used to style the native `tr` element\n- **popin-row** - Used to style the `tr` element when a row pops in",
|
|
276
|
+
"description": "@deprecated Deprecated as of version 2.12.0, use `@ui5/webcomponents/dist/TableRow.js` instead.\n\n### Overview\n\nThe `ui5-table-row` component represents a row in the `ui5-table`.\n---\n\n\n### **Slots:**\n - **default** - Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design.\n\n### **CSS Parts:**\n - **row** - Used to style the native `tr` element\n- **popin-row** - Used to style the `tr` element when a row pops in",
|
|
277
277
|
"doc-url": "",
|
|
278
278
|
"attributes": [
|
|
279
279
|
{
|
package/package-scripts.cjs
CHANGED
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-c42896b6b",
|
|
4
4
|
"description": "UI5 Web Components: webcomponents.compat",
|
|
5
5
|
"ui5": {
|
|
6
6
|
"webComponentsPackage": true
|
|
@@ -26,6 +26,9 @@
|
|
|
26
26
|
"generateAPI": "nps generateAPI",
|
|
27
27
|
"bundle": "nps build.bundle",
|
|
28
28
|
"test": "wc-dev test",
|
|
29
|
+
"test:cypress": "nps test-cy-ci",
|
|
30
|
+
"test:cypress:single": "npx cypress run --component --browser chrome --spec",
|
|
31
|
+
"test:cypress:open": "nps test-cy-open",
|
|
29
32
|
"test:ssr": "node -e \"import('./test/ssr/component-imports.js')\"",
|
|
30
33
|
"create-ui5-element": "wc-create-ui5-element",
|
|
31
34
|
"prepublishOnly": "tsc -b"
|
|
@@ -45,13 +48,14 @@
|
|
|
45
48
|
"directory": "packages/compat"
|
|
46
49
|
},
|
|
47
50
|
"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-
|
|
51
|
+
"@ui5/webcomponents": "0.0.0-c42896b6b",
|
|
52
|
+
"@ui5/webcomponents-base": "0.0.0-c42896b6b",
|
|
53
|
+
"@ui5/webcomponents-icons": "0.0.0-c42896b6b",
|
|
54
|
+
"@ui5/webcomponents-theming": "0.0.0-c42896b6b"
|
|
52
55
|
},
|
|
53
56
|
"devDependencies": {
|
|
54
|
-
"@ui5/
|
|
55
|
-
"
|
|
57
|
+
"@ui5/cypress-internal": "0.0.0",
|
|
58
|
+
"@ui5/webcomponents-tools": "0.0.0-c42896b6b",
|
|
59
|
+
"chromedriver": "^137.0.4"
|
|
56
60
|
}
|
|
57
61
|
}
|
|
@@ -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} onKeyDown={this.onRowKeyDown}></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
|
+
}
|