@fundamental-ngx/ui5-webcomponents 0.61.2-rc.8 → 0.61.2
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/package.json +3 -491
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs +0 -92
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs +0 -177
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs +0 -242
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs +0 -132
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs +0 -125
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs +0 -133
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs +0 -121
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs +0 -88
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs +0 -235
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs +0 -83
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs +0 -77
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs +0 -81
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs +0 -116
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs +0 -205
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs +0 -143
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs +0 -126
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs +0 -200
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs +0 -210
- package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs +0 -86
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs +0 -169
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs +0 -125
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs +0 -119
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs +0 -156
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs +0 -104
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs +0 -269
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs +0 -303
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs +0 -329
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-input.mjs +0 -297
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs +0 -303
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-day-picker.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-day-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +0 -242
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-drop-indicator.mjs +0 -91
- package/fesm2022/fundamental-ngx-ui5-webcomponents-drop-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs +0 -101
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs +0 -91
- package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs +0 -263
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs +0 -123
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs +0 -112
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs +0 -185
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs +0 -143
- package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs +0 -297
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs +0 -128
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs +0 -235
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs +0 -179
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group-header.mjs +0 -120
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group-header.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs +0 -156
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs +0 -246
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs +0 -298
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs +0 -102
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs +0 -279
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs +0 -52
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs +0 -178
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs +0 -153
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-month-picker.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-month-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs +0 -156
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.mjs +0 -95
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs +0 -285
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs +0 -321
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs +0 -128
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs +0 -172
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs +0 -242
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs +0 -104
- package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs +0 -188
- package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs +0 -188
- package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs +0 -156
- package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs +0 -242
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs +0 -146
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs +0 -180
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs +0 -292
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-handle.mjs +0 -106
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-handle.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-tooltip.mjs +0 -52
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-tooltip.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs +0 -183
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs +0 -82
- package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs +0 -175
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs +0 -203
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs +0 -102
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs +0 -156
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs +0 -81
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-list-item.mjs +0 -246
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-list-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs +0 -186
- package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs +0 -195
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs +0 -52
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs +0 -150
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs +0 -101
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs +0 -117
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs +0 -71
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs +0 -161
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs +0 -105
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs +0 -102
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs +0 -114
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs +0 -133
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs +0 -105
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs +0 -100
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs +0 -100
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs +0 -111
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs +0 -213
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs +0 -159
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs +0 -260
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs +0 -106
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs +0 -23
- package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker-clock.mjs +0 -52
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker-clock.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs +0 -239
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-clocks.mjs +0 -86
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-clocks.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-inputs.mjs +0 -86
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-inputs.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs +0 -120
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs +0 -136
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs +0 -240
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-spin-button.mjs +0 -240
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-spin-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs +0 -108
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs +0 -168
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs +0 -194
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-item.mjs +0 -109
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +0 -103
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs +0 -183
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs +0 -83
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs +0 -90
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs +0 -240
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs +0 -240
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs +0 -215
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-year-picker.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-year-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-year-range-picker.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-year-range-picker.mjs.map +0 -1
- package/types/fundamental-ngx-ui5-webcomponents-avatar-badge.d.ts +0 -39
- package/types/fundamental-ngx-ui5-webcomponents-avatar-group.d.ts +0 -103
- package/types/fundamental-ngx-ui5-webcomponents-avatar.d.ts +0 -160
- package/types/fundamental-ngx-ui5-webcomponents-bar.d.ts +0 -67
- package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.d.ts +0 -69
- package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs.d.ts +0 -64
- package/types/fundamental-ngx-ui5-webcomponents-busy-indicator.d.ts +0 -63
- package/types/fundamental-ngx-ui5-webcomponents-button-badge.d.ts +0 -35
- package/types/fundamental-ngx-ui5-webcomponents-button.d.ts +0 -155
- package/types/fundamental-ngx-ui5-webcomponents-calendar-date-range.d.ts +0 -30
- package/types/fundamental-ngx-ui5-webcomponents-calendar-date.d.ts +0 -25
- package/types/fundamental-ngx-ui5-webcomponents-calendar-legend-item.d.ts +0 -28
- package/types/fundamental-ngx-ui5-webcomponents-calendar-legend.d.ts +0 -59
- package/types/fundamental-ngx-ui5-webcomponents-calendar.d.ts +0 -118
- package/types/fundamental-ngx-ui5-webcomponents-card-header.d.ts +0 -68
- package/types/fundamental-ngx-ui5-webcomponents-card.d.ts +0 -69
- package/types/fundamental-ngx-ui5-webcomponents-carousel.d.ts +0 -120
- package/types/fundamental-ngx-ui5-webcomponents-check-box.d.ts +0 -114
- package/types/fundamental-ngx-ui5-webcomponents-color-palette-item.d.ts +0 -33
- package/types/fundamental-ngx-ui5-webcomponents-color-palette-popover.d.ts +0 -92
- package/types/fundamental-ngx-ui5-webcomponents-color-palette.d.ts +0 -56
- package/types/fundamental-ngx-ui5-webcomponents-color-picker.d.ts +0 -49
- package/types/fundamental-ngx-ui5-webcomponents-combo-box-item-group.d.ts +0 -81
- package/types/fundamental-ngx-ui5-webcomponents-combo-box-item.d.ts +0 -50
- package/types/fundamental-ngx-ui5-webcomponents-combo-box.d.ts +0 -160
- package/types/fundamental-ngx-ui5-webcomponents-date-picker.d.ts +0 -188
- package/types/fundamental-ngx-ui5-webcomponents-date-range-picker.d.ts +0 -207
- package/types/fundamental-ngx-ui5-webcomponents-date-time-input.d.ts +0 -185
- package/types/fundamental-ngx-ui5-webcomponents-date-time-picker.d.ts +0 -188
- package/types/fundamental-ngx-ui5-webcomponents-day-picker.d.ts +0 -59
- package/types/fundamental-ngx-ui5-webcomponents-dialog.d.ts +0 -150
- package/types/fundamental-ngx-ui5-webcomponents-drop-indicator.d.ts +0 -36
- package/types/fundamental-ngx-ui5-webcomponents-dynamic-date-range.d.ts +0 -35
- package/types/fundamental-ngx-ui5-webcomponents-expandable-text.d.ts +0 -36
- package/types/fundamental-ngx-ui5-webcomponents-file-uploader.d.ts +0 -142
- package/types/fundamental-ngx-ui5-webcomponents-form-group.d.ts +0 -65
- package/types/fundamental-ngx-ui5-webcomponents-form-item.d.ts +0 -54
- package/types/fundamental-ngx-ui5-webcomponents-form.d.ts +0 -119
- package/types/fundamental-ngx-ui5-webcomponents-icon.d.ts +0 -73
- package/types/fundamental-ngx-ui5-webcomponents-input.d.ts +0 -185
- package/types/fundamental-ngx-ui5-webcomponents-label.d.ts +0 -71
- package/types/fundamental-ngx-ui5-webcomponents-link.d.ts +0 -155
- package/types/fundamental-ngx-ui5-webcomponents-list-item-custom.d.ts +0 -105
- package/types/fundamental-ngx-ui5-webcomponents-list-item-group-header.d.ts +0 -65
- package/types/fundamental-ngx-ui5-webcomponents-list-item-group.d.ts +0 -81
- package/types/fundamental-ngx-ui5-webcomponents-list-item-standard.d.ts +0 -160
- package/types/fundamental-ngx-ui5-webcomponents-list.d.ts +0 -203
- package/types/fundamental-ngx-ui5-webcomponents-menu-item-group.d.ts +0 -48
- package/types/fundamental-ngx-ui5-webcomponents-menu-item.d.ts +0 -189
- package/types/fundamental-ngx-ui5-webcomponents-menu-separator.d.ts +0 -20
- package/types/fundamental-ngx-ui5-webcomponents-menu.d.ts +0 -100
- package/types/fundamental-ngx-ui5-webcomponents-message-strip.d.ts +0 -78
- package/types/fundamental-ngx-ui5-webcomponents-month-picker.d.ts +0 -59
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.d.ts +0 -81
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.d.ts +0 -40
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box.d.ts +0 -173
- package/types/fundamental-ngx-ui5-webcomponents-multi-input.d.ts +0 -202
- package/types/fundamental-ngx-ui5-webcomponents-option-custom.d.ts +0 -61
- package/types/fundamental-ngx-ui5-webcomponents-option.d.ts +0 -70
- package/types/fundamental-ngx-ui5-webcomponents-panel.d.ts +0 -93
- package/types/fundamental-ngx-ui5-webcomponents-popover.d.ts +0 -146
- package/types/fundamental-ngx-ui5-webcomponents-progress-indicator.d.ts +0 -48
- package/types/fundamental-ngx-ui5-webcomponents-radio-button.d.ts +0 -94
- package/types/fundamental-ngx-ui5-webcomponents-range-slider.d.ts +0 -92
- package/types/fundamental-ngx-ui5-webcomponents-rating-indicator.d.ts +0 -80
- package/types/fundamental-ngx-ui5-webcomponents-responsive-popover.d.ts +0 -146
- package/types/fundamental-ngx-ui5-webcomponents-segmented-button-item.d.ts +0 -85
- package/types/fundamental-ngx-ui5-webcomponents-segmented-button.d.ts +0 -87
- package/types/fundamental-ngx-ui5-webcomponents-select.d.ts +0 -161
- package/types/fundamental-ngx-ui5-webcomponents-slider-handle.d.ts +0 -50
- package/types/fundamental-ngx-ui5-webcomponents-slider-tooltip.d.ts +0 -20
- package/types/fundamental-ngx-ui5-webcomponents-slider.d.ts +0 -88
- package/types/fundamental-ngx-ui5-webcomponents-special-calendar-date.d.ts +0 -29
- package/types/fundamental-ngx-ui5-webcomponents-split-button.d.ts +0 -102
- package/types/fundamental-ngx-ui5-webcomponents-step-input.d.ts +0 -121
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.d.ts +0 -48
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-group.d.ts +0 -81
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-item.d.ts +0 -28
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-list-item.d.ts +0 -155
- package/types/fundamental-ngx-ui5-webcomponents-switch.d.ts +0 -92
- package/types/fundamental-ngx-ui5-webcomponents-tab-container.d.ts +0 -114
- package/types/fundamental-ngx-ui5-webcomponents-tab-separator.d.ts +0 -20
- package/types/fundamental-ngx-ui5-webcomponents-tab.d.ts +0 -86
- package/types/fundamental-ngx-ui5-webcomponents-table-cell.d.ts +0 -47
- package/types/fundamental-ngx-ui5-webcomponents-table-growing.d.ts +0 -49
- package/types/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.d.ts +0 -25
- package/types/fundamental-ngx-ui5-webcomponents-table-header-cell.d.ts +0 -101
- package/types/fundamental-ngx-ui5-webcomponents-table-header-row.d.ts +0 -51
- package/types/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.d.ts +0 -35
- package/types/fundamental-ngx-ui5-webcomponents-table-row-action.d.ts +0 -46
- package/types/fundamental-ngx-ui5-webcomponents-table-row.d.ts +0 -75
- package/types/fundamental-ngx-ui5-webcomponents-table-selection-multi.d.ts +0 -37
- package/types/fundamental-ngx-ui5-webcomponents-table-selection-single.d.ts +0 -33
- package/types/fundamental-ngx-ui5-webcomponents-table-selection.d.ts +0 -33
- package/types/fundamental-ngx-ui5-webcomponents-table-virtualizer.d.ts +0 -43
- package/types/fundamental-ngx-ui5-webcomponents-table.d.ts +0 -123
- package/types/fundamental-ngx-ui5-webcomponents-tag.d.ts +0 -82
- package/types/fundamental-ngx-ui5-webcomponents-text-area.d.ts +0 -156
- package/types/fundamental-ngx-ui5-webcomponents-text.d.ts +0 -51
- package/types/fundamental-ngx-ui5-webcomponents-theming.d.ts +0 -11
- package/types/fundamental-ngx-ui5-webcomponents-time-picker-clock.d.ts +0 -20
- package/types/fundamental-ngx-ui5-webcomponents-time-picker.d.ts +0 -136
- package/types/fundamental-ngx-ui5-webcomponents-time-selection-clocks.d.ts +0 -33
- package/types/fundamental-ngx-ui5-webcomponents-time-selection-inputs.d.ts +0 -33
- package/types/fundamental-ngx-ui5-webcomponents-title.d.ts +0 -64
- package/types/fundamental-ngx-ui5-webcomponents-toast.d.ts +0 -66
- package/types/fundamental-ngx-ui5-webcomponents-toggle-button.d.ts +0 -159
- package/types/fundamental-ngx-ui5-webcomponents-toggle-spin-button.d.ts +0 -159
- package/types/fundamental-ngx-ui5-webcomponents-token.d.ts +0 -53
- package/types/fundamental-ngx-ui5-webcomponents-tokenizer.d.ts +0 -93
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-button.d.ts +0 -118
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-item.d.ts +0 -54
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-select-option.d.ts +0 -49
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-select.d.ts +0 -106
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-separator.d.ts +0 -30
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-spacer.d.ts +0 -36
- package/types/fundamental-ngx-ui5-webcomponents-toolbar.d.ts +0 -61
- package/types/fundamental-ngx-ui5-webcomponents-tree-item-custom.d.ts +0 -151
- package/types/fundamental-ngx-ui5-webcomponents-tree-item.d.ts +0 -154
- package/types/fundamental-ngx-ui5-webcomponents-tree.d.ts +0 -129
- package/types/fundamental-ngx-ui5-webcomponents-year-picker.d.ts +0 -59
- package/types/fundamental-ngx-ui5-webcomponents-year-range-picker.d.ts +0 -59
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, booleanAttribute, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/TableRow.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class TableRow {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the interactive state of the row.
|
|
10
|
-
*/
|
|
11
|
-
this.interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : {}), transform: booleanAttribute });
|
|
12
|
-
/**
|
|
13
|
-
* Defines whether the row is movable.
|
|
14
|
-
*/
|
|
15
|
-
this.movable = input(false, { ...(ngDevMode ? { debugName: "movable" } : {}), transform: booleanAttribute });
|
|
16
|
-
/**
|
|
17
|
-
* Defines the navigated state of the row.
|
|
18
|
-
*/
|
|
19
|
-
this.navigated = input(false, { ...(ngDevMode ? { debugName: "navigated" } : {}), transform: booleanAttribute });
|
|
20
|
-
/**
|
|
21
|
-
* Defines the 0-based position of the row related to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.
|
|
22
|
-
*/
|
|
23
|
-
this.position = input(...(ngDevMode ? [undefined, { debugName: "position" }] : []));
|
|
24
|
-
/**
|
|
25
|
-
* Unique identifier of the row.
|
|
26
|
-
|
|
27
|
-
**Note:** For selection features to work properly, this property is mandatory, and its value must not contain spaces.
|
|
28
|
-
*/
|
|
29
|
-
this.rowKey = input(...(ngDevMode ? [undefined, { debugName: "rowKey" }] : [])); // className is now passed
|
|
30
|
-
/**
|
|
31
|
-
* Available slots for content projection in this component.
|
|
32
|
-
*
|
|
33
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
34
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
35
|
-
*
|
|
36
|
-
* - **actions**: Defines the actions of the component.
|
|
37
|
-
|
|
38
|
-
**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.
|
|
39
|
-
* - **(default)**: Defines the cells of the component.
|
|
40
|
-
|
|
41
|
-
**Note:** Use `ui5-table-cell` for the intended design.
|
|
42
|
-
*
|
|
43
|
-
* @example
|
|
44
|
-
* ```html
|
|
45
|
-
* <ui5-table-row>
|
|
46
|
-
* <div slot="header">Custom header content</div>
|
|
47
|
-
* <p>Default slot content</p>
|
|
48
|
-
* </ui5-table-row>
|
|
49
|
-
* ```
|
|
50
|
-
*
|
|
51
|
-
* @readonly
|
|
52
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
53
|
-
*/
|
|
54
|
-
this.slots = [
|
|
55
|
-
{
|
|
56
|
-
"name": "actions",
|
|
57
|
-
"description": "Defines the actions of the component.\n\n**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.",
|
|
58
|
-
"since": "2.7.0"
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
"name": "default",
|
|
62
|
-
"description": "Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design."
|
|
63
|
-
}
|
|
64
|
-
];
|
|
65
|
-
this.elementRef = inject(ElementRef);
|
|
66
|
-
this.injector = inject(Injector);
|
|
67
|
-
/**
|
|
68
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
69
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
70
|
-
* @private
|
|
71
|
-
*/
|
|
72
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
73
|
-
}
|
|
74
|
-
get element() {
|
|
75
|
-
return this.elementRef.nativeElement;
|
|
76
|
-
}
|
|
77
|
-
ngAfterViewInit() {
|
|
78
|
-
const wcElement = this.element;
|
|
79
|
-
const inputsToSync = [
|
|
80
|
-
'interactive',
|
|
81
|
-
'movable',
|
|
82
|
-
'navigated',
|
|
83
|
-
'position',
|
|
84
|
-
'rowKey',
|
|
85
|
-
];
|
|
86
|
-
// Synchronize inputs (properties)
|
|
87
|
-
for (const inputName of inputsToSync) {
|
|
88
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
89
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
90
|
-
// Use the Injector to run the effect in the correct context
|
|
91
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
92
|
-
runInInjectionContext(this.injector, () => {
|
|
93
|
-
effect(() => {
|
|
94
|
-
// Read the signal value
|
|
95
|
-
const value = this[signalName]();
|
|
96
|
-
if (wcElement) {
|
|
97
|
-
// Write the value to the Web Component's property
|
|
98
|
-
wcElement[inputName] = value;
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
106
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableRow, isStandalone: true, selector: "ui5-table-row, [ui5-table-row]", inputs: { interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, movable: { classPropertyName: "movable", publicName: "movable", isSignal: true, isRequired: false, transformFunction: null }, navigated: { classPropertyName: "navigated", publicName: "navigated", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
107
|
-
contentDensityObserverProviders({
|
|
108
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
109
|
-
})
|
|
110
|
-
], exportAs: ["ui5TableRow"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
111
|
-
}
|
|
112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRow, decorators: [{
|
|
113
|
-
type: Component,
|
|
114
|
-
args: [{
|
|
115
|
-
standalone: true,
|
|
116
|
-
selector: 'ui5-table-row, [ui5-table-row]',
|
|
117
|
-
template: '<ng-content></ng-content>',
|
|
118
|
-
exportAs: 'ui5TableRow',
|
|
119
|
-
providers: [
|
|
120
|
-
contentDensityObserverProviders({
|
|
121
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
122
|
-
})
|
|
123
|
-
],
|
|
124
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
125
|
-
}]
|
|
126
|
-
}], propDecorators: { interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }], navigated: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigated", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: false }] }] } });
|
|
127
|
-
|
|
128
|
-
/**
|
|
129
|
-
* Generated bundle index. Do not edit.
|
|
130
|
-
*/
|
|
131
|
-
|
|
132
|
-
export { TableRow };
|
|
133
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-row.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-row.mjs","sources":["../../../../libs/ui5-webcomponents/table-row/index.ts","../../../../libs/ui5-webcomponents/table-row/fundamental-ngx-ui5-webcomponents-table-row.ts"],"sourcesContent":["\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n input,\n output,\n AfterViewInit,\n effect,\n runInInjectionContext,\n inject,\n Injector,\n booleanAttribute,\n computed,\n signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/TableRow.js';\nimport { default as _TableRow } from '@ui5/webcomponents/dist/TableRow.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-table-row, [ui5-table-row]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableRow',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableRow implements AfterViewInit {\n\n /**\n * Defines the interactive state of the row.\n */\n interactive = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the row is movable.\n */\n movable = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the navigated state of the row.\n */\n navigated = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the 0-based position of the row related to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.\n */\n position = input<typeof _TableRow.prototype.position | undefined>();\n\n /**\n * Unique identifier of the row.\n\n**Note:** For selection features to work properly, this property is mandatory, and its value must not contain spaces.\n */\n rowKey = input<typeof _TableRow.prototype.rowKey | undefined>(); // className is now passed\n\n\n\n\n /**\n * Available slots for content projection in this component.\n *\n * Slots allow you to insert custom content into predefined areas of the web component.\n * Use the `slot` attribute on child elements to target specific slots.\n *\n * - **actions**: Defines the actions of the component.\n\n**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.\n * - **(default)**: Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design.\n *\n * @example\n * ```html\n * <ui5-table-row>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-table-row>\n * ```\n *\n * @readonly\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n */\n readonly slots = [\n {\n \"name\": \"actions\",\n \"description\": \"Defines the actions of the component.\\n\\n**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.\",\n \"since\": \"2.7.0\"\n },\n {\n \"name\": \"default\",\n \"description\": \"Defines the cells of the component.\\n\\n**Note:** Use `ui5-table-cell` for the intended design.\"\n }\n ];\n\n\n public elementRef: ElementRef<_TableRow> = inject(ElementRef);\n public injector = inject(Injector);\n\n /**\n * Content density observer is injected to activate automatic CSS class and\n * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n * @private\n */\n private readonly _contentDensityObserver = inject(ContentDensityObserver);\n\n get element(): _TableRow {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'interactive',\n 'movable',\n 'navigated',\n 'position',\n 'rowKey',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/TableSelectionMulti.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class TableSelectionMulti {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the selection behavior.
|
|
10
|
-
*/
|
|
11
|
-
this.behavior = input("RowSelector", ...(ngDevMode ? [{ debugName: "behavior" }] : []));
|
|
12
|
-
/**
|
|
13
|
-
* Defines the selector of the header row.
|
|
14
|
-
*/
|
|
15
|
-
this.headerSelector = input("SelectAll", ...(ngDevMode ? [{ debugName: "headerSelector" }] : []));
|
|
16
|
-
/**
|
|
17
|
-
* Defines the `row-key` values of selected rows, with each value separated by a space.
|
|
18
|
-
*/
|
|
19
|
-
this.selected = input(...(ngDevMode ? [undefined, { debugName: "selected" }] : [])); // className is now passed
|
|
20
|
-
/**
|
|
21
|
-
* Fired when the selection is changed by user interaction.
|
|
22
|
-
*/
|
|
23
|
-
this.ui5Change = output();
|
|
24
|
-
this.elementRef = inject(ElementRef);
|
|
25
|
-
this.injector = inject(Injector);
|
|
26
|
-
/**
|
|
27
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
28
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
29
|
-
* @private
|
|
30
|
-
*/
|
|
31
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
32
|
-
}
|
|
33
|
-
get element() {
|
|
34
|
-
return this.elementRef.nativeElement;
|
|
35
|
-
}
|
|
36
|
-
ngAfterViewInit() {
|
|
37
|
-
const wcElement = this.element;
|
|
38
|
-
const inputsToSync = [
|
|
39
|
-
'behavior',
|
|
40
|
-
'headerSelector',
|
|
41
|
-
'selected',
|
|
42
|
-
];
|
|
43
|
-
// Synchronize inputs (properties)
|
|
44
|
-
for (const inputName of inputsToSync) {
|
|
45
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
46
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
47
|
-
// Use the Injector to run the effect in the correct context
|
|
48
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
49
|
-
runInInjectionContext(this.injector, () => {
|
|
50
|
-
effect(() => {
|
|
51
|
-
// Read the signal value
|
|
52
|
-
const value = this[signalName]();
|
|
53
|
-
if (wcElement) {
|
|
54
|
-
// Write the value to the Web Component's property
|
|
55
|
-
wcElement[inputName] = value;
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
const outputsToSync = [
|
|
62
|
-
'ui5Change',
|
|
63
|
-
];
|
|
64
|
-
// Synchronize outputs (events)
|
|
65
|
-
for (const outputName of outputsToSync) {
|
|
66
|
-
// Map Angular output name to UI5 web component event name
|
|
67
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
68
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
69
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
70
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
71
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
72
|
-
this[outputName].emit(e);
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableSelectionMulti, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
78
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableSelectionMulti, isStandalone: true, selector: "ui5-table-selection-multi, [ui5-table-selection-multi]", inputs: { behavior: { classPropertyName: "behavior", publicName: "behavior", isSignal: true, isRequired: false, transformFunction: null }, headerSelector: { classPropertyName: "headerSelector", publicName: "headerSelector", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, providers: [
|
|
79
|
-
contentDensityObserverProviders({
|
|
80
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
81
|
-
})
|
|
82
|
-
], exportAs: ["ui5TableSelectionMulti"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
83
|
-
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableSelectionMulti, decorators: [{
|
|
85
|
-
type: Component,
|
|
86
|
-
args: [{
|
|
87
|
-
standalone: true,
|
|
88
|
-
selector: 'ui5-table-selection-multi, [ui5-table-selection-multi]',
|
|
89
|
-
template: '<ng-content></ng-content>',
|
|
90
|
-
exportAs: 'ui5TableSelectionMulti',
|
|
91
|
-
providers: [
|
|
92
|
-
contentDensityObserverProviders({
|
|
93
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
94
|
-
})
|
|
95
|
-
],
|
|
96
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
97
|
-
}]
|
|
98
|
-
}], propDecorators: { behavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "behavior", required: false }] }], headerSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerSelector", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
|
|
99
|
-
|
|
100
|
-
/**
|
|
101
|
-
* Generated bundle index. Do not edit.
|
|
102
|
-
*/
|
|
103
|
-
|
|
104
|
-
export { TableSelectionMulti };
|
|
105
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs","sources":["../../../../libs/ui5-webcomponents/table-selection-multi/index.ts","../../../../libs/ui5-webcomponents/table-selection-multi/fundamental-ngx-ui5-webcomponents-table-selection-multi.ts"],"sourcesContent":["\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n input,\n output,\n AfterViewInit,\n effect,\n runInInjectionContext,\n inject,\n Injector,\n booleanAttribute,\n computed,\n signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/TableSelectionMulti.js';\nimport { default as _TableSelectionMulti } from '@ui5/webcomponents/dist/TableSelectionMulti.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\nimport { default as TableSelectionBehavior } from '@ui5/webcomponents/dist/types/TableSelectionBehavior.js';\nimport { default as TableSelectionMultiHeaderSelector } from '@ui5/webcomponents/dist/types/TableSelectionMultiHeaderSelector.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-table-selection-multi, [ui5-table-selection-multi]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableSelectionMulti',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableSelectionMulti implements AfterViewInit {\n\n /**\n * Defines the selection behavior.\n */\n behavior = input<typeof _TableSelectionMulti.prototype.behavior | undefined>(\"RowSelector\");\n\n /**\n * Defines the selector of the header row.\n */\n headerSelector = input<typeof _TableSelectionMulti.prototype.headerSelector | undefined>(\"SelectAll\");\n\n /**\n * Defines the `row-key` values of selected rows, with each value separated by a space.\n */\n selected = input<typeof _TableSelectionMulti.prototype.selected | undefined>(); // className is now passed\n\n\n\n /**\n * Fired when the selection is changed by user interaction.\n */\n ui5Change = output<UI5CustomEvent<_TableSelectionMulti, 'change'>>();\n\n\n public elementRef: ElementRef<_TableSelectionMulti> = inject(ElementRef);\n public injector = inject(Injector);\n\n /**\n * Content density observer is injected to activate automatic CSS class and\n * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n * @private\n */\n private readonly _contentDensityObserver = inject(ContentDensityObserver);\n\n get element(): _TableSelectionMulti {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'behavior',\n 'headerSelector',\n 'selected',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n const outputsToSync = [\n 'ui5Change',\n ];\n \n // Synchronize outputs (events)\n for (const outputName of outputsToSync) {\n // Map Angular output name to UI5 web component event name\n const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n // Ensure the output property exists and has an emit function before adding listener\n if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n // Cast the listener to the correct type to satisfy TypeScript\n wcElement.addEventListener(eventName, (e) => {\n\n this[outputName].emit(e as CustomEvent<any>);\n });\n }\n }\n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/TableSelectionSingle.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class TableSelectionSingle {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the selection behavior.
|
|
10
|
-
*/
|
|
11
|
-
this.behavior = input("RowSelector", ...(ngDevMode ? [{ debugName: "behavior" }] : []));
|
|
12
|
-
/**
|
|
13
|
-
* Defines the `row-key` value of the selected row.
|
|
14
|
-
*/
|
|
15
|
-
this.selected = input(...(ngDevMode ? [undefined, { debugName: "selected" }] : [])); // className is now passed
|
|
16
|
-
/**
|
|
17
|
-
* Fired when the selection is changed by user interaction.
|
|
18
|
-
*/
|
|
19
|
-
this.ui5Change = output();
|
|
20
|
-
this.elementRef = inject(ElementRef);
|
|
21
|
-
this.injector = inject(Injector);
|
|
22
|
-
/**
|
|
23
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
24
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
25
|
-
* @private
|
|
26
|
-
*/
|
|
27
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
28
|
-
}
|
|
29
|
-
get element() {
|
|
30
|
-
return this.elementRef.nativeElement;
|
|
31
|
-
}
|
|
32
|
-
ngAfterViewInit() {
|
|
33
|
-
const wcElement = this.element;
|
|
34
|
-
const inputsToSync = [
|
|
35
|
-
'behavior',
|
|
36
|
-
'selected',
|
|
37
|
-
];
|
|
38
|
-
// Synchronize inputs (properties)
|
|
39
|
-
for (const inputName of inputsToSync) {
|
|
40
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
41
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
42
|
-
// Use the Injector to run the effect in the correct context
|
|
43
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
44
|
-
runInInjectionContext(this.injector, () => {
|
|
45
|
-
effect(() => {
|
|
46
|
-
// Read the signal value
|
|
47
|
-
const value = this[signalName]();
|
|
48
|
-
if (wcElement) {
|
|
49
|
-
// Write the value to the Web Component's property
|
|
50
|
-
wcElement[inputName] = value;
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
const outputsToSync = [
|
|
57
|
-
'ui5Change',
|
|
58
|
-
];
|
|
59
|
-
// Synchronize outputs (events)
|
|
60
|
-
for (const outputName of outputsToSync) {
|
|
61
|
-
// Map Angular output name to UI5 web component event name
|
|
62
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
63
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
64
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
65
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
66
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
67
|
-
this[outputName].emit(e);
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableSelectionSingle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableSelectionSingle, isStandalone: true, selector: "ui5-table-selection-single, [ui5-table-selection-single]", inputs: { behavior: { classPropertyName: "behavior", publicName: "behavior", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, providers: [
|
|
74
|
-
contentDensityObserverProviders({
|
|
75
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
76
|
-
})
|
|
77
|
-
], exportAs: ["ui5TableSelectionSingle"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
78
|
-
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableSelectionSingle, decorators: [{
|
|
80
|
-
type: Component,
|
|
81
|
-
args: [{
|
|
82
|
-
standalone: true,
|
|
83
|
-
selector: 'ui5-table-selection-single, [ui5-table-selection-single]',
|
|
84
|
-
template: '<ng-content></ng-content>',
|
|
85
|
-
exportAs: 'ui5TableSelectionSingle',
|
|
86
|
-
providers: [
|
|
87
|
-
contentDensityObserverProviders({
|
|
88
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
89
|
-
})
|
|
90
|
-
],
|
|
91
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
92
|
-
}]
|
|
93
|
-
}], propDecorators: { behavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "behavior", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
|
|
94
|
-
|
|
95
|
-
/**
|
|
96
|
-
* Generated bundle index. Do not edit.
|
|
97
|
-
*/
|
|
98
|
-
|
|
99
|
-
export { TableSelectionSingle };
|
|
100
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-selection-single.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-selection-single.mjs","sources":["../../../../libs/ui5-webcomponents/table-selection-single/index.ts","../../../../libs/ui5-webcomponents/table-selection-single/fundamental-ngx-ui5-webcomponents-table-selection-single.ts"],"sourcesContent":["\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n input,\n output,\n AfterViewInit,\n effect,\n runInInjectionContext,\n inject,\n Injector,\n booleanAttribute,\n computed,\n signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/TableSelectionSingle.js';\nimport { default as _TableSelectionSingle } from '@ui5/webcomponents/dist/TableSelectionSingle.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\nimport { default as TableSelectionBehavior } from '@ui5/webcomponents/dist/types/TableSelectionBehavior.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-table-selection-single, [ui5-table-selection-single]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableSelectionSingle',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableSelectionSingle implements AfterViewInit {\n\n /**\n * Defines the selection behavior.\n */\n behavior = input<typeof _TableSelectionSingle.prototype.behavior | undefined>(\"RowSelector\");\n\n /**\n * Defines the `row-key` value of the selected row.\n */\n selected = input<typeof _TableSelectionSingle.prototype.selected | undefined>(); // className is now passed\n\n\n\n /**\n * Fired when the selection is changed by user interaction.\n */\n ui5Change = output<UI5CustomEvent<_TableSelectionSingle, 'change'>>();\n\n\n public elementRef: ElementRef<_TableSelectionSingle> = inject(ElementRef);\n public injector = inject(Injector);\n\n /**\n * Content density observer is injected to activate automatic CSS class and\n * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n * @private\n */\n private readonly _contentDensityObserver = inject(ContentDensityObserver);\n\n get element(): _TableSelectionSingle {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'behavior',\n 'selected',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n const outputsToSync = [\n 'ui5Change',\n ];\n \n // Synchronize outputs (events)\n for (const outputName of outputsToSync) {\n // Map Angular output name to UI5 web component event name\n const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n // Ensure the output property exists and has an emit function before adding listener\n if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n // Cast the listener to the correct type to satisfy TypeScript\n wcElement.addEventListener(eventName, (e) => {\n\n this[outputName].emit(e as CustomEvent<any>);\n });\n }\n }\n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/TableSelection.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class TableSelection {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the selection mode.
|
|
10
|
-
*/
|
|
11
|
-
this.mode = input("Multiple", ...(ngDevMode ? [{ debugName: "mode" }] : []));
|
|
12
|
-
/**
|
|
13
|
-
* Defines the selected rows separated by a space.
|
|
14
|
-
*/
|
|
15
|
-
this.selected = input("", ...(ngDevMode ? [{ debugName: "selected" }] : [])); // className is now passed
|
|
16
|
-
/**
|
|
17
|
-
* Fired when the selection is changed by user interaction.
|
|
18
|
-
*/
|
|
19
|
-
this.ui5Change = output();
|
|
20
|
-
this.elementRef = inject(ElementRef);
|
|
21
|
-
this.injector = inject(Injector);
|
|
22
|
-
/**
|
|
23
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
24
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
25
|
-
* @private
|
|
26
|
-
*/
|
|
27
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
28
|
-
}
|
|
29
|
-
get element() {
|
|
30
|
-
return this.elementRef.nativeElement;
|
|
31
|
-
}
|
|
32
|
-
ngAfterViewInit() {
|
|
33
|
-
const wcElement = this.element;
|
|
34
|
-
const inputsToSync = [
|
|
35
|
-
'mode',
|
|
36
|
-
'selected',
|
|
37
|
-
];
|
|
38
|
-
// Synchronize inputs (properties)
|
|
39
|
-
for (const inputName of inputsToSync) {
|
|
40
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
41
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
42
|
-
// Use the Injector to run the effect in the correct context
|
|
43
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
44
|
-
runInInjectionContext(this.injector, () => {
|
|
45
|
-
effect(() => {
|
|
46
|
-
// Read the signal value
|
|
47
|
-
const value = this[signalName]();
|
|
48
|
-
if (wcElement) {
|
|
49
|
-
// Write the value to the Web Component's property
|
|
50
|
-
wcElement[inputName] = value;
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
const outputsToSync = [
|
|
57
|
-
'ui5Change',
|
|
58
|
-
];
|
|
59
|
-
// Synchronize outputs (events)
|
|
60
|
-
for (const outputName of outputsToSync) {
|
|
61
|
-
// Map Angular output name to UI5 web component event name
|
|
62
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
63
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
64
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
65
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
66
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
67
|
-
this[outputName].emit(e);
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableSelection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableSelection, isStandalone: true, selector: "ui5-table-selection, [ui5-table-selection]", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, providers: [
|
|
74
|
-
contentDensityObserverProviders({
|
|
75
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
76
|
-
})
|
|
77
|
-
], exportAs: ["ui5TableSelection"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
78
|
-
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableSelection, decorators: [{
|
|
80
|
-
type: Component,
|
|
81
|
-
args: [{
|
|
82
|
-
standalone: true,
|
|
83
|
-
selector: 'ui5-table-selection, [ui5-table-selection]',
|
|
84
|
-
template: '<ng-content></ng-content>',
|
|
85
|
-
exportAs: 'ui5TableSelection',
|
|
86
|
-
providers: [
|
|
87
|
-
contentDensityObserverProviders({
|
|
88
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
89
|
-
})
|
|
90
|
-
],
|
|
91
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
92
|
-
}]
|
|
93
|
-
}], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
|
|
94
|
-
|
|
95
|
-
/**
|
|
96
|
-
* Generated bundle index. Do not edit.
|
|
97
|
-
*/
|
|
98
|
-
|
|
99
|
-
export { TableSelection };
|
|
100
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-selection.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-selection.mjs","sources":["../../../../libs/ui5-webcomponents/table-selection/index.ts","../../../../libs/ui5-webcomponents/table-selection/fundamental-ngx-ui5-webcomponents-table-selection.ts"],"sourcesContent":["\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n input,\n output,\n AfterViewInit,\n effect,\n runInInjectionContext,\n inject,\n Injector,\n booleanAttribute,\n computed,\n signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/TableSelection.js';\nimport { default as _TableSelection } from '@ui5/webcomponents/dist/TableSelection.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\nimport { default as TableSelectionMode } from '@ui5/webcomponents/dist/types/TableSelectionMode.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-table-selection, [ui5-table-selection]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableSelection',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableSelection implements AfterViewInit {\n\n /**\n * Defines the selection mode.\n */\n mode = input<typeof _TableSelection.prototype.mode | undefined>(\"Multiple\");\n\n /**\n * Defines the selected rows separated by a space.\n */\n selected = input<typeof _TableSelection.prototype.selected | undefined>(\"\"); // className is now passed\n\n\n\n /**\n * Fired when the selection is changed by user interaction.\n */\n ui5Change = output<UI5CustomEvent<_TableSelection, 'change'>>();\n\n\n public elementRef: ElementRef<_TableSelection> = inject(ElementRef);\n public injector = inject(Injector);\n\n /**\n * Content density observer is injected to activate automatic CSS class and\n * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n * @private\n */\n private readonly _contentDensityObserver = inject(ContentDensityObserver);\n\n get element(): _TableSelection {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'mode',\n 'selected',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n const outputsToSync = [\n 'ui5Change',\n ];\n \n // Synchronize outputs (events)\n for (const outputName of outputsToSync) {\n // Map Angular output name to UI5 web component event name\n const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n // Ensure the output property exists and has an emit function before adding listener\n if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n // Cast the listener to the correct type to satisfy TypeScript\n wcElement.addEventListener(eventName, (e) => {\n\n this[outputName].emit(e as CustomEvent<any>);\n });\n }\n }\n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/TableVirtualizer.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class TableVirtualizer {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the count of extra rows to be rendered at the top and bottom of the table.
|
|
10
|
-
|
|
11
|
-
**Note:** This property is experimental and may be changed or deleted in the future.
|
|
12
|
-
*/
|
|
13
|
-
this.extraRows = input(0, ...(ngDevMode ? [{ debugName: "extraRows" }] : []));
|
|
14
|
-
/**
|
|
15
|
-
* Defines the total count of rows in the table.
|
|
16
|
-
|
|
17
|
-
**Note:** For virtualization to work properly, this property is mandatory.
|
|
18
|
-
*/
|
|
19
|
-
this.rowCount = input(100, ...(ngDevMode ? [{ debugName: "rowCount" }] : []));
|
|
20
|
-
/**
|
|
21
|
-
* Defines the height of the rows in the table.
|
|
22
|
-
|
|
23
|
-
**Note:** For virtualization to work properly, this property is mandatory.
|
|
24
|
-
*/
|
|
25
|
-
this.rowHeight = input(45, ...(ngDevMode ? [{ debugName: "rowHeight" }] : [])); // className is now passed
|
|
26
|
-
/**
|
|
27
|
-
* Fired when the virtualizer is changed by user interaction e.g. on scrolling.
|
|
28
|
-
*/
|
|
29
|
-
this.ui5RangeChange = output();
|
|
30
|
-
this.elementRef = inject(ElementRef);
|
|
31
|
-
this.injector = inject(Injector);
|
|
32
|
-
/**
|
|
33
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
34
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
35
|
-
* @private
|
|
36
|
-
*/
|
|
37
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
38
|
-
}
|
|
39
|
-
get element() {
|
|
40
|
-
return this.elementRef.nativeElement;
|
|
41
|
-
}
|
|
42
|
-
ngAfterViewInit() {
|
|
43
|
-
const wcElement = this.element;
|
|
44
|
-
const inputsToSync = [
|
|
45
|
-
'extraRows',
|
|
46
|
-
'rowCount',
|
|
47
|
-
'rowHeight',
|
|
48
|
-
];
|
|
49
|
-
// Synchronize inputs (properties)
|
|
50
|
-
for (const inputName of inputsToSync) {
|
|
51
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
52
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
53
|
-
// Use the Injector to run the effect in the correct context
|
|
54
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
55
|
-
runInInjectionContext(this.injector, () => {
|
|
56
|
-
effect(() => {
|
|
57
|
-
// Read the signal value
|
|
58
|
-
const value = this[signalName]();
|
|
59
|
-
if (wcElement) {
|
|
60
|
-
// Write the value to the Web Component's property
|
|
61
|
-
wcElement[inputName] = value;
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
const outputsToSync = [
|
|
68
|
-
'ui5RangeChange',
|
|
69
|
-
];
|
|
70
|
-
// Synchronize outputs (events)
|
|
71
|
-
for (const outputName of outputsToSync) {
|
|
72
|
-
// Map Angular output name to UI5 web component event name
|
|
73
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
74
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
75
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
76
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
77
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
78
|
-
this[outputName].emit(e);
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableVirtualizer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
84
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableVirtualizer, isStandalone: true, selector: "ui5-table-virtualizer, [ui5-table-virtualizer]", inputs: { extraRows: { classPropertyName: "extraRows", publicName: "extraRows", isSignal: true, isRequired: false, transformFunction: null }, rowCount: { classPropertyName: "rowCount", publicName: "rowCount", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5RangeChange: "ui5RangeChange" }, providers: [
|
|
85
|
-
contentDensityObserverProviders({
|
|
86
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
87
|
-
})
|
|
88
|
-
], exportAs: ["ui5TableVirtualizer"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
89
|
-
}
|
|
90
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableVirtualizer, decorators: [{
|
|
91
|
-
type: Component,
|
|
92
|
-
args: [{
|
|
93
|
-
standalone: true,
|
|
94
|
-
selector: 'ui5-table-virtualizer, [ui5-table-virtualizer]',
|
|
95
|
-
template: '<ng-content></ng-content>',
|
|
96
|
-
exportAs: 'ui5TableVirtualizer',
|
|
97
|
-
providers: [
|
|
98
|
-
contentDensityObserverProviders({
|
|
99
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
100
|
-
})
|
|
101
|
-
],
|
|
102
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
103
|
-
}]
|
|
104
|
-
}], propDecorators: { extraRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraRows", required: false }] }], rowCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowCount", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], ui5RangeChange: [{ type: i0.Output, args: ["ui5RangeChange"] }] } });
|
|
105
|
-
|
|
106
|
-
/**
|
|
107
|
-
* Generated bundle index. Do not edit.
|
|
108
|
-
*/
|
|
109
|
-
|
|
110
|
-
export { TableVirtualizer };
|
|
111
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs.map
|