@fundamental-ngx/ui5-webcomponents 0.61.2-rc.9 → 0.61.3
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,150 +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/Tab.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class Tab {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Represents the "additionalText" text, which is displayed in the tab. In the cases when in the same time there are tabs with icons and tabs without icons, if a tab has no icon the "additionalText" is displayed larger.
|
|
10
|
-
*/
|
|
11
|
-
this.additionalText = input(...(ngDevMode ? [undefined, { debugName: "additionalText" }] : []));
|
|
12
|
-
/**
|
|
13
|
-
* Defines the component's design color.
|
|
14
|
-
|
|
15
|
-
The design is applied to:
|
|
16
|
-
|
|
17
|
-
- the component icon
|
|
18
|
-
- the `text` when the component overflows
|
|
19
|
-
- the tab selection line
|
|
20
|
-
|
|
21
|
-
Available designs are: `"Default"`, `"Neutral"`, `"Positive"`, `"Critical"` and `"Negative"`.
|
|
22
|
-
|
|
23
|
-
**Note:** The design depends on the current theme.
|
|
24
|
-
*/
|
|
25
|
-
this.design = input("Default", ...(ngDevMode ? [{ debugName: "design" }] : []));
|
|
26
|
-
/**
|
|
27
|
-
* Disabled tabs can't be selected.
|
|
28
|
-
*/
|
|
29
|
-
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
30
|
-
/**
|
|
31
|
-
* Defines the icon source URI to be displayed as graphical element within the component.
|
|
32
|
-
The SAP-icons font provides numerous built-in icons.
|
|
33
|
-
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
34
|
-
*/
|
|
35
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
36
|
-
/**
|
|
37
|
-
* Defines if the tab is movable.
|
|
38
|
-
*/
|
|
39
|
-
this.movable = input(false, { ...(ngDevMode ? { debugName: "movable" } : {}), transform: booleanAttribute });
|
|
40
|
-
/**
|
|
41
|
-
* Specifies if the component is selected.
|
|
42
|
-
*/
|
|
43
|
-
this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : {}), transform: booleanAttribute });
|
|
44
|
-
/**
|
|
45
|
-
* The text to be displayed for the item.
|
|
46
|
-
*/
|
|
47
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : [])); // className is now passed
|
|
48
|
-
/**
|
|
49
|
-
* Available slots for content projection in this component.
|
|
50
|
-
*
|
|
51
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
52
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
53
|
-
*
|
|
54
|
-
* - **(default)**: Holds the content associated with this tab.
|
|
55
|
-
* - **items**: Defines hierarchies with nested sub tabs.
|
|
56
|
-
|
|
57
|
-
**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.
|
|
58
|
-
*
|
|
59
|
-
* @example
|
|
60
|
-
* ```html
|
|
61
|
-
* <ui5-tab>
|
|
62
|
-
* <div slot="header">Custom header content</div>
|
|
63
|
-
* <p>Default slot content</p>
|
|
64
|
-
* </ui5-tab>
|
|
65
|
-
* ```
|
|
66
|
-
*
|
|
67
|
-
* @readonly
|
|
68
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
69
|
-
*/
|
|
70
|
-
this.slots = [
|
|
71
|
-
{
|
|
72
|
-
"name": "default",
|
|
73
|
-
"description": "Holds the content associated with this tab."
|
|
74
|
-
},
|
|
75
|
-
{
|
|
76
|
-
"name": "items",
|
|
77
|
-
"description": "Defines hierarchies with nested sub tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design."
|
|
78
|
-
}
|
|
79
|
-
];
|
|
80
|
-
this.elementRef = inject(ElementRef);
|
|
81
|
-
this.injector = inject(Injector);
|
|
82
|
-
/**
|
|
83
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
84
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
85
|
-
* @private
|
|
86
|
-
*/
|
|
87
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
88
|
-
}
|
|
89
|
-
get element() {
|
|
90
|
-
return this.elementRef.nativeElement;
|
|
91
|
-
}
|
|
92
|
-
ngAfterViewInit() {
|
|
93
|
-
const wcElement = this.element;
|
|
94
|
-
const inputsToSync = [
|
|
95
|
-
'additionalText',
|
|
96
|
-
'design',
|
|
97
|
-
'disabled',
|
|
98
|
-
'icon',
|
|
99
|
-
'movable',
|
|
100
|
-
'selected',
|
|
101
|
-
'text',
|
|
102
|
-
];
|
|
103
|
-
// Synchronize inputs (properties)
|
|
104
|
-
for (const inputName of inputsToSync) {
|
|
105
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
106
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
107
|
-
// Use the Injector to run the effect in the correct context
|
|
108
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
109
|
-
runInInjectionContext(this.injector, () => {
|
|
110
|
-
effect(() => {
|
|
111
|
-
// Read the signal value
|
|
112
|
-
const value = this[signalName]();
|
|
113
|
-
if (wcElement) {
|
|
114
|
-
// Write the value to the Web Component's property
|
|
115
|
-
wcElement[inputName] = value;
|
|
116
|
-
}
|
|
117
|
-
});
|
|
118
|
-
});
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Tab, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
123
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Tab, isStandalone: true, selector: "ui5-tab, [ui5-tab]", inputs: { additionalText: { classPropertyName: "additionalText", publicName: "additionalText", isSignal: true, isRequired: false, transformFunction: null }, design: { classPropertyName: "design", publicName: "design", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, movable: { classPropertyName: "movable", publicName: "movable", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
124
|
-
contentDensityObserverProviders({
|
|
125
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
126
|
-
})
|
|
127
|
-
], exportAs: ["ui5Tab"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
128
|
-
}
|
|
129
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Tab, decorators: [{
|
|
130
|
-
type: Component,
|
|
131
|
-
args: [{
|
|
132
|
-
standalone: true,
|
|
133
|
-
selector: 'ui5-tab, [ui5-tab]',
|
|
134
|
-
template: '<ng-content></ng-content>',
|
|
135
|
-
exportAs: 'ui5Tab',
|
|
136
|
-
providers: [
|
|
137
|
-
contentDensityObserverProviders({
|
|
138
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
139
|
-
})
|
|
140
|
-
],
|
|
141
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
142
|
-
}]
|
|
143
|
-
}], propDecorators: { additionalText: [{ type: i0.Input, args: [{ isSignal: true, alias: "additionalText", required: false }] }], design: [{ type: i0.Input, args: [{ isSignal: true, alias: "design", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }] } });
|
|
144
|
-
|
|
145
|
-
/**
|
|
146
|
-
* Generated bundle index. Do not edit.
|
|
147
|
-
*/
|
|
148
|
-
|
|
149
|
-
export { Tab };
|
|
150
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-tab.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-tab.mjs","sources":["../../../../libs/ui5-webcomponents/tab/index.ts","../../../../libs/ui5-webcomponents/tab/fundamental-ngx-ui5-webcomponents-tab.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/Tab.js';\nimport { default as _Tab } from '@ui5/webcomponents/dist/Tab.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 SemanticColor } from '@ui5/webcomponents/dist/types/SemanticColor.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-tab, [ui5-tab]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5Tab',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Tab implements AfterViewInit {\n\n /**\n * Represents the \"additionalText\" text, which is displayed in the tab. In the cases when in the same time there are tabs with icons and tabs without icons, if a tab has no icon the \"additionalText\" is displayed larger.\n */\n additionalText = input<typeof _Tab.prototype.additionalText | undefined>();\n\n /**\n * Defines the component's design color.\n\nThe design is applied to:\n\n- the component icon\n- the `text` when the component overflows\n- the tab selection line\n\nAvailable designs are: `\"Default\"`, `\"Neutral\"`, `\"Positive\"`, `\"Critical\"` and `\"Negative\"`.\n\n**Note:** The design depends on the current theme.\n */\n design = input<typeof _Tab.prototype.design | undefined>(\"Default\");\n\n /**\n * Disabled tabs can't be selected.\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the icon source URI to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous built-in icons.\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n icon = input<typeof _Tab.prototype.icon | undefined>();\n\n /**\n * Defines if the tab is movable.\n */\n movable = input(false, { transform: booleanAttribute });\n\n /**\n * Specifies if the component is selected.\n */\n selected = input(false, { transform: booleanAttribute });\n\n /**\n * The text to be displayed for the item.\n */\n text = input<typeof _Tab.prototype.text | 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 * - **(default)**: Holds the content associated with this tab.\n * - **items**: Defines hierarchies with nested sub tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.\n *\n * @example\n * ```html\n * <ui5-tab>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-tab>\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\": \"default\",\n \"description\": \"Holds the content associated with this tab.\"\n },\n {\n \"name\": \"items\",\n \"description\": \"Defines hierarchies with nested sub tabs.\\n\\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.\"\n }\n ];\n\n\n public elementRef: ElementRef<_Tab> = 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(): _Tab {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'additionalText',\n 'design',\n 'disabled',\n 'icon',\n 'movable',\n 'selected',\n 'text',\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,101 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/TableCell.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class TableCell {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Determines the horizontal alignment of table cells.
|
|
10
|
-
*/
|
|
11
|
-
this.horizontalAlign = input(...(ngDevMode ? [undefined, { debugName: "horizontalAlign" }] : [])); // className is now passed
|
|
12
|
-
/**
|
|
13
|
-
* Available slots for content projection in this component.
|
|
14
|
-
*
|
|
15
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
16
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
17
|
-
*
|
|
18
|
-
* - **(default)**: Defines the content of the component.
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```html
|
|
22
|
-
* <ui5-table-cell>
|
|
23
|
-
* <div slot="header">Custom header content</div>
|
|
24
|
-
* <p>Default slot content</p>
|
|
25
|
-
* </ui5-table-cell>
|
|
26
|
-
* ```
|
|
27
|
-
*
|
|
28
|
-
* @readonly
|
|
29
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
30
|
-
*/
|
|
31
|
-
this.slots = [
|
|
32
|
-
{
|
|
33
|
-
"name": "default",
|
|
34
|
-
"description": "Defines the content of the component."
|
|
35
|
-
}
|
|
36
|
-
];
|
|
37
|
-
this.elementRef = inject(ElementRef);
|
|
38
|
-
this.injector = inject(Injector);
|
|
39
|
-
/**
|
|
40
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
41
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
42
|
-
* @private
|
|
43
|
-
*/
|
|
44
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
45
|
-
}
|
|
46
|
-
get element() {
|
|
47
|
-
return this.elementRef.nativeElement;
|
|
48
|
-
}
|
|
49
|
-
ngAfterViewInit() {
|
|
50
|
-
const wcElement = this.element;
|
|
51
|
-
const inputsToSync = [
|
|
52
|
-
'horizontalAlign',
|
|
53
|
-
];
|
|
54
|
-
// Synchronize inputs (properties)
|
|
55
|
-
for (const inputName of inputsToSync) {
|
|
56
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
57
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
58
|
-
// Use the Injector to run the effect in the correct context
|
|
59
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
60
|
-
runInInjectionContext(this.injector, () => {
|
|
61
|
-
effect(() => {
|
|
62
|
-
// Read the signal value
|
|
63
|
-
const value = this[signalName]();
|
|
64
|
-
if (wcElement) {
|
|
65
|
-
// Write the value to the Web Component's property
|
|
66
|
-
wcElement[inputName] = value;
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableCell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
74
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableCell, isStandalone: true, selector: "ui5-table-cell, [ui5-table-cell]", inputs: { horizontalAlign: { classPropertyName: "horizontalAlign", publicName: "horizontalAlign", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
75
|
-
contentDensityObserverProviders({
|
|
76
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
77
|
-
})
|
|
78
|
-
], exportAs: ["ui5TableCell"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
79
|
-
}
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableCell, decorators: [{
|
|
81
|
-
type: Component,
|
|
82
|
-
args: [{
|
|
83
|
-
standalone: true,
|
|
84
|
-
selector: 'ui5-table-cell, [ui5-table-cell]',
|
|
85
|
-
template: '<ng-content></ng-content>',
|
|
86
|
-
exportAs: 'ui5TableCell',
|
|
87
|
-
providers: [
|
|
88
|
-
contentDensityObserverProviders({
|
|
89
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
90
|
-
})
|
|
91
|
-
],
|
|
92
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
93
|
-
}]
|
|
94
|
-
}], propDecorators: { horizontalAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontalAlign", required: false }] }] } });
|
|
95
|
-
|
|
96
|
-
/**
|
|
97
|
-
* Generated bundle index. Do not edit.
|
|
98
|
-
*/
|
|
99
|
-
|
|
100
|
-
export { TableCell };
|
|
101
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-cell.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-cell.mjs","sources":["../../../../libs/ui5-webcomponents/table-cell/index.ts","../../../../libs/ui5-webcomponents/table-cell/fundamental-ngx-ui5-webcomponents-table-cell.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/TableCell.js';\nimport { default as _TableCell } from '@ui5/webcomponents/dist/TableCell.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 TableCellHorizontalAlign } from '@ui5/webcomponents/dist/types/TableCellHorizontalAlign.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-table-cell, [ui5-table-cell]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableCell',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableCell implements AfterViewInit {\n\n /**\n * Determines the horizontal alignment of table cells.\n */\n horizontalAlign = input<typeof _TableCell.prototype.horizontalAlign | 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 * - **(default)**: Defines the content of the component.\n *\n * @example\n * ```html\n * <ui5-table-cell>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-table-cell>\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\": \"default\",\n \"description\": \"Defines the content of the component.\"\n }\n ];\n\n\n public elementRef: ElementRef<_TableCell> = 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(): _TableCell {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'horizontalAlign',\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,117 +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/TableGrowing.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class TableGrowing {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the mode of the <code>ui5-table</code> growing.
|
|
10
|
-
|
|
11
|
-
Available options are:
|
|
12
|
-
|
|
13
|
-
Button - Shows a More button at the bottom of the table, pressing it will load more rows.
|
|
14
|
-
|
|
15
|
-
Scroll - The rows are loaded automatically by scrolling to the bottom of the table. If the table is not scrollable,
|
|
16
|
-
a growing button will be rendered instead to ensure growing functionality.
|
|
17
|
-
*/
|
|
18
|
-
this.mode = input("Button", ...(ngDevMode ? [{ debugName: "mode" }] : []));
|
|
19
|
-
/**
|
|
20
|
-
* Defines the text that will be displayed below the `text` inside the growing button.
|
|
21
|
-
Has no effect when mode is set to Scroll.
|
|
22
|
-
*/
|
|
23
|
-
this.subtext = input(...(ngDevMode ? [undefined, { debugName: "subtext" }] : []));
|
|
24
|
-
/**
|
|
25
|
-
* Defines the text that will be displayed inside the growing button.
|
|
26
|
-
Has no effect when mode is set to `Scroll`.
|
|
27
|
-
|
|
28
|
-
**Note:** When not provided and the mode is set to Button, a default text is displayed, corresponding to the
|
|
29
|
-
current language.
|
|
30
|
-
*/
|
|
31
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : [])); // className is now passed
|
|
32
|
-
/**
|
|
33
|
-
* Fired when the growing button is pressed or the user scrolls to the end of the table.
|
|
34
|
-
*/
|
|
35
|
-
this.ui5LoadMore = output();
|
|
36
|
-
this.elementRef = inject(ElementRef);
|
|
37
|
-
this.injector = inject(Injector);
|
|
38
|
-
/**
|
|
39
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
40
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
41
|
-
* @private
|
|
42
|
-
*/
|
|
43
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
44
|
-
}
|
|
45
|
-
get element() {
|
|
46
|
-
return this.elementRef.nativeElement;
|
|
47
|
-
}
|
|
48
|
-
ngAfterViewInit() {
|
|
49
|
-
const wcElement = this.element;
|
|
50
|
-
const inputsToSync = [
|
|
51
|
-
'mode',
|
|
52
|
-
'subtext',
|
|
53
|
-
'text',
|
|
54
|
-
];
|
|
55
|
-
// Synchronize inputs (properties)
|
|
56
|
-
for (const inputName of inputsToSync) {
|
|
57
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
58
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
59
|
-
// Use the Injector to run the effect in the correct context
|
|
60
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
61
|
-
runInInjectionContext(this.injector, () => {
|
|
62
|
-
effect(() => {
|
|
63
|
-
// Read the signal value
|
|
64
|
-
const value = this[signalName]();
|
|
65
|
-
if (wcElement) {
|
|
66
|
-
// Write the value to the Web Component's property
|
|
67
|
-
wcElement[inputName] = value;
|
|
68
|
-
}
|
|
69
|
-
});
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
const outputsToSync = [
|
|
74
|
-
'ui5LoadMore',
|
|
75
|
-
];
|
|
76
|
-
// Synchronize outputs (events)
|
|
77
|
-
for (const outputName of outputsToSync) {
|
|
78
|
-
// Map Angular output name to UI5 web component event name
|
|
79
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
80
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
81
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
82
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
83
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
84
|
-
this[outputName].emit(e);
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableGrowing, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
90
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableGrowing, isStandalone: true, selector: "ui5-table-growing, [ui5-table-growing]", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, subtext: { classPropertyName: "subtext", publicName: "subtext", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5LoadMore: "ui5LoadMore" }, providers: [
|
|
91
|
-
contentDensityObserverProviders({
|
|
92
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
93
|
-
})
|
|
94
|
-
], exportAs: ["ui5TableGrowing"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
95
|
-
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableGrowing, decorators: [{
|
|
97
|
-
type: Component,
|
|
98
|
-
args: [{
|
|
99
|
-
standalone: true,
|
|
100
|
-
selector: 'ui5-table-growing, [ui5-table-growing]',
|
|
101
|
-
template: '<ng-content></ng-content>',
|
|
102
|
-
exportAs: 'ui5TableGrowing',
|
|
103
|
-
providers: [
|
|
104
|
-
contentDensityObserverProviders({
|
|
105
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
106
|
-
})
|
|
107
|
-
],
|
|
108
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
109
|
-
}]
|
|
110
|
-
}], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], subtext: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtext", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], ui5LoadMore: [{ type: i0.Output, args: ["ui5LoadMore"] }] } });
|
|
111
|
-
|
|
112
|
-
/**
|
|
113
|
-
* Generated bundle index. Do not edit.
|
|
114
|
-
*/
|
|
115
|
-
|
|
116
|
-
export { TableGrowing };
|
|
117
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-growing.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-growing.mjs","sources":["../../../../libs/ui5-webcomponents/table-growing/index.ts","../../../../libs/ui5-webcomponents/table-growing/fundamental-ngx-ui5-webcomponents-table-growing.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/TableGrowing.js';\nimport { default as _TableGrowing } from '@ui5/webcomponents/dist/TableGrowing.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 TableGrowingMode } from '@ui5/webcomponents/dist/types/TableGrowingMode.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-table-growing, [ui5-table-growing]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableGrowing',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableGrowing implements AfterViewInit {\n\n /**\n * Defines the mode of the <code>ui5-table</code> growing.\n\nAvailable options are:\n\nButton - Shows a More button at the bottom of the table, pressing it will load more rows.\n\nScroll - The rows are loaded automatically by scrolling to the bottom of the table. If the table is not scrollable,\na growing button will be rendered instead to ensure growing functionality.\n */\n mode = input<typeof _TableGrowing.prototype.mode | undefined>(\"Button\");\n\n /**\n * Defines the text that will be displayed below the `text` inside the growing button.\nHas no effect when mode is set to Scroll.\n */\n subtext = input<typeof _TableGrowing.prototype.subtext | undefined>();\n\n /**\n * Defines the text that will be displayed inside the growing button.\nHas no effect when mode is set to `Scroll`.\n\n**Note:** When not provided and the mode is set to Button, a default text is displayed, corresponding to the\ncurrent language.\n */\n text = input<typeof _TableGrowing.prototype.text | undefined>(); // className is now passed\n\n\n\n /**\n * Fired when the growing button is pressed or the user scrolls to the end of the table.\n */\n ui5LoadMore = output<UI5CustomEvent<_TableGrowing, 'load-more'>>();\n\n\n public elementRef: ElementRef<_TableGrowing> = 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(): _TableGrowing {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'mode',\n 'subtext',\n 'text',\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 'ui5LoadMore',\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,71 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { output, inject, ElementRef, Injector, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/TableHeaderCellActionAI.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class TableHeaderCellActionAI {
|
|
7
|
-
constructor() {
|
|
8
|
-
// className is now passed
|
|
9
|
-
/**
|
|
10
|
-
* Fired when a header cell action is clicked.
|
|
11
|
-
*/
|
|
12
|
-
this.ui5Click = output();
|
|
13
|
-
this.elementRef = inject(ElementRef);
|
|
14
|
-
this.injector = inject(Injector);
|
|
15
|
-
/**
|
|
16
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
17
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
18
|
-
* @private
|
|
19
|
-
*/
|
|
20
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
21
|
-
}
|
|
22
|
-
get element() {
|
|
23
|
-
return this.elementRef.nativeElement;
|
|
24
|
-
}
|
|
25
|
-
ngAfterViewInit() {
|
|
26
|
-
const wcElement = this.element;
|
|
27
|
-
const outputsToSync = [
|
|
28
|
-
'ui5Click',
|
|
29
|
-
];
|
|
30
|
-
// Synchronize outputs (events)
|
|
31
|
-
for (const outputName of outputsToSync) {
|
|
32
|
-
// Map Angular output name to UI5 web component event name
|
|
33
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
34
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
35
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
36
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
37
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
38
|
-
this[outputName].emit(e);
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableHeaderCellActionAI, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: TableHeaderCellActionAI, isStandalone: true, selector: "ui5-table-header-cell-action-ai, [ui5-table-header-cell-action-ai]", outputs: { ui5Click: "ui5Click" }, providers: [
|
|
45
|
-
contentDensityObserverProviders({
|
|
46
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
47
|
-
})
|
|
48
|
-
], exportAs: ["ui5TableHeaderCellActionAI"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
49
|
-
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableHeaderCellActionAI, decorators: [{
|
|
51
|
-
type: Component,
|
|
52
|
-
args: [{
|
|
53
|
-
standalone: true,
|
|
54
|
-
selector: 'ui5-table-header-cell-action-ai, [ui5-table-header-cell-action-ai]',
|
|
55
|
-
template: '<ng-content></ng-content>',
|
|
56
|
-
exportAs: 'ui5TableHeaderCellActionAI',
|
|
57
|
-
providers: [
|
|
58
|
-
contentDensityObserverProviders({
|
|
59
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
60
|
-
})
|
|
61
|
-
],
|
|
62
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
63
|
-
}]
|
|
64
|
-
}], propDecorators: { ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* Generated bundle index. Do not edit.
|
|
68
|
-
*/
|
|
69
|
-
|
|
70
|
-
export { TableHeaderCellActionAI };
|
|
71
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs","sources":["../../../../libs/ui5-webcomponents/table-header-cell-action-a-i/index.ts","../../../../libs/ui5-webcomponents/table-header-cell-action-a-i/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.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/TableHeaderCellActionAI.js';\nimport { default as _TableHeaderCellActionAI } from '@ui5/webcomponents/dist/TableHeaderCellActionAI.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-header-cell-action-ai, [ui5-table-header-cell-action-ai]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableHeaderCellActionAI',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableHeaderCellActionAI implements AfterViewInit {\n // className is now passed\n\n\n\n /**\n * Fired when a header cell action is clicked.\n */\n ui5Click = output<UI5CustomEvent<_TableHeaderCellActionAI, 'click'>>();\n\n\n public elementRef: ElementRef<_TableHeaderCellActionAI> = 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(): _TableHeaderCellActionAI {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n \n \n const outputsToSync = [\n 'ui5Click',\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":";;;;;MAuCa,uBAAuB,CAAA;AAZpC,IAAA,WAAA,GAAA;;AAiBE;;AAEG;QACH,IAAA,CAAA,QAAQ,GAAG,MAAM,EAAqD;AAG/D,QAAA,IAAA,CAAA,UAAU,GAAyC,MAAM,CAAC,UAAU,CAAC;AACrE,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAElC;;;;AAIG;AACc,QAAA,IAAA,CAAA,uBAAuB,GAAG,MAAM,CAAC,sBAAsB,CAAC;AA+B1E,IAAA;AA7BC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;IACtC;IAEA,eAAe,GAAA;AACb,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO;AAI9B,QAAA,MAAM,aAAa,GAAG;YACpB,UAAU;SACX;;AAGD,QAAA,KAAK,MAAM,UAAU,IAAI,aAAa,EAAE;;YAEtC,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;;AAErG,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,UAAU,IAAI,SAAS,CAAC,gBAAgB,EAAE;;gBAEjG,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,KAAI;oBAE1C,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAqB,CAAC;AAC9C,gBAAA,CAAC,CAAC;YACJ;QACF;IAGF;8GAjDW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oEAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAPvB;AACT,YAAA,+BAA+B,CAAC;gBAC9B,uBAAuB,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,CAAC,IAAI;aAC9E;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,4BAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANS,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAS1B,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAZnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,oEAAoE;AAC9E,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,SAAS,EAAE;AACT,wBAAA,+BAA+B,CAAC;4BAC9B,uBAAuB,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,CAAC,IAAI;yBAC9E;AACF,qBAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;ACtCD;;AAEG;;;;"}
|