@fundamental-ngx/ui5-webcomponents 0.65.1-rc.9 → 0.65.1
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/fesm2022/fundamental-ngx-ui5-webcomponents-utils.mjs +3 -3
- package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs +387 -387
- package/package.json +3 -519
- package/types/fundamental-ngx-ui5-webcomponents.d.ts +1 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs +0 -122
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs +0 -191
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs +0 -261
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs +0 -143
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs +0 -162
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs +0 -151
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs +0 -130
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs +0 -95
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs +0 -266
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs +0 -90
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs +0 -83
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs +0 -88
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs +0 -121
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs +0 -224
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs +0 -156
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs +0 -134
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs +0 -218
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs +0 -227
- package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs +0 -124
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs +0 -184
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs +0 -137
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs +0 -133
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-custom.mjs +0 -141
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs +0 -169
- 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 -138
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs +0 -287
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs +0 -329
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs +0 -367
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-input.mjs +0 -321
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs +0 -329
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-day-picker.mjs +0 -131
- package/fesm2022/fundamental-ngx-ui5-webcomponents-day-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +0 -267
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-drop-indicator.mjs +0 -100
- package/fesm2022/fundamental-ngx-ui5-webcomponents-drop-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs +0 -119
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs +0 -100
- package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs +0 -287
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs +0 -143
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs +0 -202
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs +0 -197
- package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input-icon.mjs +0 -117
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input-icon.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs +0 -321
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs +0 -135
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs +0 -261
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs +0 -216
- 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 -153
- 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 -169
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs +0 -289
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs +0 -322
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs +0 -108
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs +0 -320
- 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 -193
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs +0 -165
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-month-picker.mjs +0 -131
- package/fesm2022/fundamental-ngx-ui5-webcomponents-month-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-custom.mjs +0 -141
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs +0 -169
- 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 -129
- 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 -306
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs +0 -345
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-number-input.mjs +0 -208
- package/fesm2022/fundamental-ngx-ui5-webcomponents-number-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs +0 -152
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-group.mjs +0 -109
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs +0 -163
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs +0 -186
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs +0 -263
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs +0 -113
- package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs +0 -205
- package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs +0 -226
- package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs +0 -182
- package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs +0 -263
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs +0 -183
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs +0 -199
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs +0 -317
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-handle.mjs +0 -52
- 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 -220
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs +0 -89
- package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs +0 -187
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs +0 -213
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs +0 -134
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs +0 -169
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs +0 -114
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-list-item.mjs +0 -289
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-list-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs +0 -212
- package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs +0 -209
- 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 -183
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs +0 -116
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-group-row.mjs +0 -140
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-group-row.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs +0 -130
- 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 -76
- 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 -172
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs +0 -110
- 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 -112
- 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 -126
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs +0 -140
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs +0 -112
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs +0 -112
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs +0 -124
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs +0 -229
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs +0 -173
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs +0 -281
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs +0 -113
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-theming-bridge.mjs +0 -16
- package/fesm2022/fundamental-ngx-ui5-webcomponents-theming-bridge.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 -270
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-clocks.mjs +0 -93
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-clocks.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-inputs.mjs +0 -93
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-inputs.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs +0 -128
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs +0 -148
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs +0 -271
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-spin-button.mjs +0 -271
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-spin-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs +0 -114
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs +0 -181
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs +0 -251
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-item.mjs +0 -137
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +0 -114
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs +0 -221
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs +0 -111
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs +0 -119
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs +0 -143
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs +0 -279
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs +0 -281
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs +0 -233
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-year-picker.mjs +0 -131
- package/fesm2022/fundamental-ngx-ui5-webcomponents-year-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-year-range-picker.mjs +0 -131
- package/fesm2022/fundamental-ngx-ui5-webcomponents-year-range-picker.mjs.map +0 -1
- package/types/fundamental-ngx-ui5-webcomponents-avatar-badge.d.ts +0 -58
- package/types/fundamental-ngx-ui5-webcomponents-avatar-group.d.ts +0 -104
- package/types/fundamental-ngx-ui5-webcomponents-avatar.d.ts +0 -161
- package/types/fundamental-ngx-ui5-webcomponents-bar.d.ts +0 -69
- package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.d.ts +0 -78
- package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs.d.ts +0 -69
- 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 -164
- 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 -119
- package/types/fundamental-ngx-ui5-webcomponents-card-header.d.ts +0 -69
- package/types/fundamental-ngx-ui5-webcomponents-card.d.ts +0 -69
- package/types/fundamental-ngx-ui5-webcomponents-carousel.d.ts +0 -121
- package/types/fundamental-ngx-ui5-webcomponents-check-box.d.ts +0 -115
- package/types/fundamental-ngx-ui5-webcomponents-color-palette-item.d.ts +0 -45
- package/types/fundamental-ngx-ui5-webcomponents-color-palette-popover.d.ts +0 -93
- package/types/fundamental-ngx-ui5-webcomponents-color-palette.d.ts +0 -57
- package/types/fundamental-ngx-ui5-webcomponents-color-picker.d.ts +0 -50
- package/types/fundamental-ngx-ui5-webcomponents-combo-box-item-custom.d.ts +0 -61
- package/types/fundamental-ngx-ui5-webcomponents-combo-box-item-group.d.ts +0 -82
- package/types/fundamental-ngx-ui5-webcomponents-combo-box-item.d.ts +0 -58
- package/types/fundamental-ngx-ui5-webcomponents-combo-box.d.ts +0 -161
- package/types/fundamental-ngx-ui5-webcomponents-date-picker.d.ts +0 -189
- package/types/fundamental-ngx-ui5-webcomponents-date-range-picker.d.ts +0 -218
- package/types/fundamental-ngx-ui5-webcomponents-date-time-input.d.ts +0 -189
- package/types/fundamental-ngx-ui5-webcomponents-date-time-picker.d.ts +0 -189
- package/types/fundamental-ngx-ui5-webcomponents-day-picker.d.ts +0 -59
- package/types/fundamental-ngx-ui5-webcomponents-dialog.d.ts +0 -157
- package/types/fundamental-ngx-ui5-webcomponents-drop-indicator.d.ts +0 -36
- package/types/fundamental-ngx-ui5-webcomponents-dynamic-date-range.d.ts +0 -40
- package/types/fundamental-ngx-ui5-webcomponents-expandable-text.d.ts +0 -36
- package/types/fundamental-ngx-ui5-webcomponents-file-uploader.d.ts +0 -143
- package/types/fundamental-ngx-ui5-webcomponents-form-group.d.ts +0 -73
- package/types/fundamental-ngx-ui5-webcomponents-form-item.d.ts +0 -54
- package/types/fundamental-ngx-ui5-webcomponents-form.d.ts +0 -122
- package/types/fundamental-ngx-ui5-webcomponents-icon.d.ts +0 -112
- package/types/fundamental-ngx-ui5-webcomponents-input-icon.d.ts +0 -39
- package/types/fundamental-ngx-ui5-webcomponents-input.d.ts +0 -189
- package/types/fundamental-ngx-ui5-webcomponents-label.d.ts +0 -71
- package/types/fundamental-ngx-ui5-webcomponents-link.d.ts +0 -157
- package/types/fundamental-ngx-ui5-webcomponents-list-item-custom.d.ts +0 -125
- package/types/fundamental-ngx-ui5-webcomponents-list-item-group-header.d.ts +0 -73
- package/types/fundamental-ngx-ui5-webcomponents-list-item-group.d.ts +0 -82
- package/types/fundamental-ngx-ui5-webcomponents-list-item-standard.d.ts +0 -180
- package/types/fundamental-ngx-ui5-webcomponents-list.d.ts +0 -204
- package/types/fundamental-ngx-ui5-webcomponents-menu-item-group.d.ts +0 -48
- package/types/fundamental-ngx-ui5-webcomponents-menu-item.d.ts +0 -209
- package/types/fundamental-ngx-ui5-webcomponents-menu-separator.d.ts +0 -20
- package/types/fundamental-ngx-ui5-webcomponents-menu.d.ts +0 -101
- package/types/fundamental-ngx-ui5-webcomponents-message-strip.d.ts +0 -79
- package/types/fundamental-ngx-ui5-webcomponents-month-picker.d.ts +0 -59
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-custom.d.ts +0 -61
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.d.ts +0 -82
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.d.ts +0 -48
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box.d.ts +0 -177
- package/types/fundamental-ngx-ui5-webcomponents-multi-input.d.ts +0 -206
- package/types/fundamental-ngx-ui5-webcomponents-number-input.d.ts +0 -110
- package/types/fundamental-ngx-ui5-webcomponents-option-custom.d.ts +0 -69
- package/types/fundamental-ngx-ui5-webcomponents-option-group.d.ts +0 -49
- package/types/fundamental-ngx-ui5-webcomponents-option.d.ts +0 -78
- package/types/fundamental-ngx-ui5-webcomponents-panel.d.ts +0 -94
- package/types/fundamental-ngx-ui5-webcomponents-popover.d.ts +0 -147
- package/types/fundamental-ngx-ui5-webcomponents-progress-indicator.d.ts +0 -48
- package/types/fundamental-ngx-ui5-webcomponents-radio-button.d.ts +0 -95
- package/types/fundamental-ngx-ui5-webcomponents-range-slider.d.ts +0 -112
- package/types/fundamental-ngx-ui5-webcomponents-rating-indicator.d.ts +0 -88
- package/types/fundamental-ngx-ui5-webcomponents-responsive-popover.d.ts +0 -147
- package/types/fundamental-ngx-ui5-webcomponents-segmented-button-item.d.ts +0 -93
- package/types/fundamental-ngx-ui5-webcomponents-segmented-button.d.ts +0 -88
- package/types/fundamental-ngx-ui5-webcomponents-select.d.ts +0 -163
- package/types/fundamental-ngx-ui5-webcomponents-slider-handle.d.ts +0 -20
- package/types/fundamental-ngx-ui5-webcomponents-slider-tooltip.d.ts +0 -20
- package/types/fundamental-ngx-ui5-webcomponents-slider.d.ts +0 -108
- package/types/fundamental-ngx-ui5-webcomponents-special-calendar-date.d.ts +0 -29
- package/types/fundamental-ngx-ui5-webcomponents-split-button.d.ts +0 -101
- package/types/fundamental-ngx-ui5-webcomponents-step-input.d.ts +0 -112
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.d.ts +0 -56
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-group.d.ts +0 -82
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-item.d.ts +0 -36
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-list-item.d.ts +0 -175
- package/types/fundamental-ngx-ui5-webcomponents-switch.d.ts +0 -100
- package/types/fundamental-ngx-ui5-webcomponents-tab-container.d.ts +0 -115
- package/types/fundamental-ngx-ui5-webcomponents-tab-separator.d.ts +0 -20
- package/types/fundamental-ngx-ui5-webcomponents-tab.d.ts +0 -92
- package/types/fundamental-ngx-ui5-webcomponents-table-cell.d.ts +0 -55
- package/types/fundamental-ngx-ui5-webcomponents-table-group-row.d.ts +0 -75
- package/types/fundamental-ngx-ui5-webcomponents-table-growing.d.ts +0 -50
- package/types/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.d.ts +0 -26
- 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 -36
- package/types/fundamental-ngx-ui5-webcomponents-table-row-action.d.ts +0 -47
- package/types/fundamental-ngx-ui5-webcomponents-table-row.d.ts +0 -75
- package/types/fundamental-ngx-ui5-webcomponents-table-selection-multi.d.ts +0 -38
- package/types/fundamental-ngx-ui5-webcomponents-table-selection-single.d.ts +0 -34
- package/types/fundamental-ngx-ui5-webcomponents-table-selection.d.ts +0 -34
- package/types/fundamental-ngx-ui5-webcomponents-table-virtualizer.d.ts +0 -44
- package/types/fundamental-ngx-ui5-webcomponents-table.d.ts +0 -124
- package/types/fundamental-ngx-ui5-webcomponents-tag.d.ts +0 -83
- package/types/fundamental-ngx-ui5-webcomponents-text-area.d.ts +0 -157
- package/types/fundamental-ngx-ui5-webcomponents-text.d.ts +0 -51
- package/types/fundamental-ngx-ui5-webcomponents-theming-bridge.d.ts +0 -6
- 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 -145
- 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 -67
- package/types/fundamental-ngx-ui5-webcomponents-toggle-button.d.ts +0 -168
- package/types/fundamental-ngx-ui5-webcomponents-toggle-spin-button.d.ts +0 -168
- package/types/fundamental-ngx-ui5-webcomponents-token.d.ts +0 -53
- package/types/fundamental-ngx-ui5-webcomponents-tokenizer.d.ts +0 -94
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-button.d.ts +0 -150
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-item.d.ts +0 -74
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-select-option.d.ts +0 -53
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-select.d.ts +0 -127
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-separator.d.ts +0 -50
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-spacer.d.ts +0 -56
- package/types/fundamental-ngx-ui5-webcomponents-toolbar.d.ts +0 -75
- package/types/fundamental-ngx-ui5-webcomponents-tree-item-custom.d.ts +0 -171
- package/types/fundamental-ngx-ui5-webcomponents-tree-item.d.ts +0 -174
- package/types/fundamental-ngx-ui5-webcomponents-tree.d.ts +0 -130
- 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,183 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, booleanAttribute, output, inject, ElementRef, Injector, DestroyRef, 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(/* @ts-ignore */
|
|
12
|
-
...(ngDevMode ? [undefined, { debugName: "additionalText" }] : /* istanbul ignore next */ []));
|
|
13
|
-
/**
|
|
14
|
-
* Defines the component's design color.
|
|
15
|
-
|
|
16
|
-
The design is applied to:
|
|
17
|
-
|
|
18
|
-
- the component icon
|
|
19
|
-
- the `text` when the component overflows
|
|
20
|
-
- the tab selection line
|
|
21
|
-
|
|
22
|
-
Available designs are: `"Default"`, `"Neutral"`, `"Positive"`, `"Critical"` and `"Negative"`.
|
|
23
|
-
|
|
24
|
-
**Note:** The design depends on the current theme.
|
|
25
|
-
*/
|
|
26
|
-
this.design = input("Default", /* @ts-ignore */
|
|
27
|
-
...(ngDevMode ? [{ debugName: "design" }] : /* istanbul ignore next */ []));
|
|
28
|
-
/**
|
|
29
|
-
* Disabled tabs can't be selected.
|
|
30
|
-
*/
|
|
31
|
-
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
32
|
-
/**
|
|
33
|
-
* Defines the icon source URI to be displayed as graphical element within the component.
|
|
34
|
-
The SAP-icons font provides numerous built-in icons.
|
|
35
|
-
See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
36
|
-
*/
|
|
37
|
-
this.icon = input(/* @ts-ignore */
|
|
38
|
-
...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
39
|
-
/**
|
|
40
|
-
* Defines if the tab is movable.
|
|
41
|
-
*/
|
|
42
|
-
this.movable = input(false, { ...(ngDevMode ? { debugName: "movable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
43
|
-
/**
|
|
44
|
-
* Specifies if the component is selected.
|
|
45
|
-
*/
|
|
46
|
-
this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
47
|
-
/**
|
|
48
|
-
* The text to be displayed for the item.
|
|
49
|
-
*/
|
|
50
|
-
this.text = input(/* @ts-ignore */
|
|
51
|
-
...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ [])); // className is now passed
|
|
52
|
-
/**
|
|
53
|
-
* Fired when the tab is selected either with a mouse/tap or by using the Enter or Space key.
|
|
54
|
-
*/
|
|
55
|
-
this.ui5Click = output();
|
|
56
|
-
/**
|
|
57
|
-
* Available slots for content projection in this component.
|
|
58
|
-
*
|
|
59
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
60
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
61
|
-
*
|
|
62
|
-
* - **(default)**: Holds the content associated with this tab.
|
|
63
|
-
* - **items**: Defines hierarchies with nested sub tabs.
|
|
64
|
-
|
|
65
|
-
**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.
|
|
66
|
-
*
|
|
67
|
-
* @example
|
|
68
|
-
* ```html
|
|
69
|
-
* <ui5-tab>
|
|
70
|
-
* <div slot="header">Custom header content</div>
|
|
71
|
-
* <p>Default slot content</p>
|
|
72
|
-
* </ui5-tab>
|
|
73
|
-
* ```
|
|
74
|
-
*
|
|
75
|
-
* @readonly
|
|
76
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
77
|
-
*/
|
|
78
|
-
this.slots = [
|
|
79
|
-
{
|
|
80
|
-
"name": "default",
|
|
81
|
-
"description": "Holds the content associated with this tab."
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
"name": "items",
|
|
85
|
-
"description": "Defines hierarchies with nested sub tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design."
|
|
86
|
-
}
|
|
87
|
-
];
|
|
88
|
-
this.elementRef = inject(ElementRef);
|
|
89
|
-
this.injector = inject(Injector);
|
|
90
|
-
/**
|
|
91
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
92
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
93
|
-
* @private
|
|
94
|
-
*/
|
|
95
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
96
|
-
this._destroyRef = inject(DestroyRef);
|
|
97
|
-
}
|
|
98
|
-
get element() {
|
|
99
|
-
return this.elementRef.nativeElement;
|
|
100
|
-
}
|
|
101
|
-
ngAfterViewInit() {
|
|
102
|
-
const wcElement = this.element;
|
|
103
|
-
const inputsToSync = [
|
|
104
|
-
'additionalText',
|
|
105
|
-
'design',
|
|
106
|
-
'disabled',
|
|
107
|
-
'icon',
|
|
108
|
-
'movable',
|
|
109
|
-
'selected',
|
|
110
|
-
'text',
|
|
111
|
-
];
|
|
112
|
-
// Synchronize inputs (properties)
|
|
113
|
-
for (const inputName of inputsToSync) {
|
|
114
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
115
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
116
|
-
// Use the Injector to run the effect in the correct context
|
|
117
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
118
|
-
runInInjectionContext(this.injector, () => {
|
|
119
|
-
effect(() => {
|
|
120
|
-
// Read the signal value
|
|
121
|
-
const value = this[signalName]();
|
|
122
|
-
if (wcElement) {
|
|
123
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
124
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
125
|
-
if (value === undefined && wcElement[inputName]) {
|
|
126
|
-
return;
|
|
127
|
-
}
|
|
128
|
-
// Write the value to the Web Component's property
|
|
129
|
-
wcElement[inputName] = value;
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
|
-
});
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
const outputsToSync = [
|
|
136
|
-
'ui5Click',
|
|
137
|
-
];
|
|
138
|
-
// Synchronize outputs (events)
|
|
139
|
-
const _listeners = [];
|
|
140
|
-
for (const outputName of outputsToSync) {
|
|
141
|
-
// Map Angular output name to UI5 web component event name
|
|
142
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
143
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
144
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
145
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
146
|
-
const listener = (e) => {
|
|
147
|
-
this[outputName].emit(e);
|
|
148
|
-
};
|
|
149
|
-
wcElement.addEventListener(eventName, listener);
|
|
150
|
-
_listeners.push(() => wcElement.removeEventListener(eventName, listener));
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
this._destroyRef.onDestroy(() => _listeners.forEach((fn) => fn()));
|
|
154
|
-
}
|
|
155
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: Tab, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
156
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", 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 } }, outputs: { ui5Click: "ui5Click" }, providers: [
|
|
157
|
-
contentDensityObserverProviders({
|
|
158
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
159
|
-
})
|
|
160
|
-
], exportAs: ["ui5Tab"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
161
|
-
}
|
|
162
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: Tab, decorators: [{
|
|
163
|
-
type: Component,
|
|
164
|
-
args: [{
|
|
165
|
-
standalone: true,
|
|
166
|
-
selector: 'ui5-tab, [ui5-tab]',
|
|
167
|
-
template: '<ng-content></ng-content>',
|
|
168
|
-
exportAs: 'ui5Tab',
|
|
169
|
-
providers: [
|
|
170
|
-
contentDensityObserverProviders({
|
|
171
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
172
|
-
})
|
|
173
|
-
],
|
|
174
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
175
|
-
}]
|
|
176
|
-
}], 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 }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
|
|
177
|
-
|
|
178
|
-
/**
|
|
179
|
-
* Generated bundle index. Do not edit.
|
|
180
|
-
*/
|
|
181
|
-
|
|
182
|
-
export { Tab };
|
|
183
|
-
//# 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 DestroyRef\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\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 * Fired when the tab is selected either with a mouse/tap or by using the Enter or Space key.\n */\n ui5Click = output<UI5CustomEvent<_Tab, 'click'>>();\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 private readonly _destroyRef = inject(DestroyRef);\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, (): void => {\n effect((): void => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Skip writes when the signal is undefined and the property is already truthy\n // This prevents clobbering imperatively-set values (e.g., from RouterLink)\n if (value === undefined && wcElement[inputName]) {\n return;\n }\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 'ui5Click',\n ];\n \n // Synchronize outputs (events)\n const _listeners: Array<() => void> = [];\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 const listener = (e: Event): void => {\n\n this[outputName].emit(e as CustomEvent<any>);\n };\n wcElement.addEventListener(eventName, listener);\n _listeners.push(() => wcElement.removeEventListener(eventName, listener));\n }\n }\n this._destroyRef.onDestroy(() => _listeners.forEach((fn) => fn()));\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,116 +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/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(/* @ts-ignore */
|
|
12
|
-
...(ngDevMode ? [undefined, { debugName: "horizontalAlign" }] : /* istanbul ignore next */ []));
|
|
13
|
-
/**
|
|
14
|
-
* Defines whether the cell is visually merged with the cell directly above it.
|
|
15
|
-
|
|
16
|
-
This is useful if consecutive cells in a column have the same value and should visually appear as a single merged cell.
|
|
17
|
-
Although the cell is visually merged with the previous one, its content must still be provided for accessibility purposes.
|
|
18
|
-
**Note:** This feature is disabled when cells are rendered as a popin, and should remain `false` for interactive cell content.
|
|
19
|
-
*/
|
|
20
|
-
this.merged = input(false, { ...(ngDevMode ? { debugName: "merged" } : /* istanbul ignore next */ {}), transform: booleanAttribute }); // className is now passed
|
|
21
|
-
/**
|
|
22
|
-
* Available slots for content projection in this component.
|
|
23
|
-
*
|
|
24
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
25
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
26
|
-
*
|
|
27
|
-
* - **(default)**: Defines the content of the component.
|
|
28
|
-
*
|
|
29
|
-
* @example
|
|
30
|
-
* ```html
|
|
31
|
-
* <ui5-table-cell>
|
|
32
|
-
* <div slot="header">Custom header content</div>
|
|
33
|
-
* <p>Default slot content</p>
|
|
34
|
-
* </ui5-table-cell>
|
|
35
|
-
* ```
|
|
36
|
-
*
|
|
37
|
-
* @readonly
|
|
38
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
39
|
-
*/
|
|
40
|
-
this.slots = [
|
|
41
|
-
{
|
|
42
|
-
"name": "default",
|
|
43
|
-
"description": "Defines the content of the component."
|
|
44
|
-
}
|
|
45
|
-
];
|
|
46
|
-
this.elementRef = inject(ElementRef);
|
|
47
|
-
this.injector = inject(Injector);
|
|
48
|
-
/**
|
|
49
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
50
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
51
|
-
* @private
|
|
52
|
-
*/
|
|
53
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
54
|
-
}
|
|
55
|
-
get element() {
|
|
56
|
-
return this.elementRef.nativeElement;
|
|
57
|
-
}
|
|
58
|
-
ngAfterViewInit() {
|
|
59
|
-
const wcElement = this.element;
|
|
60
|
-
const inputsToSync = [
|
|
61
|
-
'horizontalAlign',
|
|
62
|
-
'merged',
|
|
63
|
-
];
|
|
64
|
-
// Synchronize inputs (properties)
|
|
65
|
-
for (const inputName of inputsToSync) {
|
|
66
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
67
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
68
|
-
// Use the Injector to run the effect in the correct context
|
|
69
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
70
|
-
runInInjectionContext(this.injector, () => {
|
|
71
|
-
effect(() => {
|
|
72
|
-
// Read the signal value
|
|
73
|
-
const value = this[signalName]();
|
|
74
|
-
if (wcElement) {
|
|
75
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
76
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
77
|
-
if (value === undefined && wcElement[inputName]) {
|
|
78
|
-
return;
|
|
79
|
-
}
|
|
80
|
-
// Write the value to the Web Component's property
|
|
81
|
-
wcElement[inputName] = value;
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableCell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
89
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: TableCell, isStandalone: true, selector: "ui5-table-cell, [ui5-table-cell]", inputs: { horizontalAlign: { classPropertyName: "horizontalAlign", publicName: "horizontalAlign", isSignal: true, isRequired: false, transformFunction: null }, merged: { classPropertyName: "merged", publicName: "merged", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
90
|
-
contentDensityObserverProviders({
|
|
91
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
92
|
-
})
|
|
93
|
-
], exportAs: ["ui5TableCell"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
94
|
-
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableCell, decorators: [{
|
|
96
|
-
type: Component,
|
|
97
|
-
args: [{
|
|
98
|
-
standalone: true,
|
|
99
|
-
selector: 'ui5-table-cell, [ui5-table-cell]',
|
|
100
|
-
template: '<ng-content></ng-content>',
|
|
101
|
-
exportAs: 'ui5TableCell',
|
|
102
|
-
providers: [
|
|
103
|
-
contentDensityObserverProviders({
|
|
104
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
105
|
-
})
|
|
106
|
-
],
|
|
107
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
108
|
-
}]
|
|
109
|
-
}], propDecorators: { horizontalAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontalAlign", required: false }] }], merged: [{ type: i0.Input, args: [{ isSignal: true, alias: "merged", required: false }] }] } });
|
|
110
|
-
|
|
111
|
-
/**
|
|
112
|
-
* Generated bundle index. Do not edit.
|
|
113
|
-
*/
|
|
114
|
-
|
|
115
|
-
export { TableCell };
|
|
116
|
-
//# 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\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>();\n\n /**\n * Defines whether the cell is visually merged with the cell directly above it.\n\nThis is useful if consecutive cells in a column have the same value and should visually appear as a single merged cell.\nAlthough the cell is visually merged with the previous one, its content must still be provided for accessibility purposes.\n**Note:** This feature is disabled when cells are rendered as a popin, and should remain `false` for interactive cell content.\n */\n merged = input(false, { transform: booleanAttribute }); // 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 'merged',\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, (): void => {\n effect((): void => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Skip writes when the signal is undefined and the property is already truthy\n // This prevents clobbering imperatively-set values (e.g., from RouterLink)\n if (value === undefined && wcElement[inputName]) {\n return;\n }\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,140 +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/TableGroupRow.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class TableGroupRow {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the interactive state of the row.
|
|
10
|
-
*/
|
|
11
|
-
this.interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
12
|
-
/**
|
|
13
|
-
* Defines whether the row is movable.
|
|
14
|
-
*/
|
|
15
|
-
this.movable = input(false, { ...(ngDevMode ? { debugName: "movable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
16
|
-
/**
|
|
17
|
-
* Defines the navigated state of the row.
|
|
18
|
-
*/
|
|
19
|
-
this.navigated = input(false, { ...(ngDevMode ? { debugName: "navigated" } : /* istanbul ignore next */ {}), 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(/* @ts-ignore */
|
|
24
|
-
...(ngDevMode ? [undefined, { debugName: "position" }] : /* istanbul ignore next */ []));
|
|
25
|
-
/**
|
|
26
|
-
* Unique identifier of the row.
|
|
27
|
-
|
|
28
|
-
**Note:** For selection features to work properly, this property is mandatory, and its value must not contain spaces.
|
|
29
|
-
*/
|
|
30
|
-
this.rowKey = input(/* @ts-ignore */
|
|
31
|
-
...(ngDevMode ? [undefined, { debugName: "rowKey" }] : /* istanbul ignore next */ [])); // className is now passed
|
|
32
|
-
/**
|
|
33
|
-
* Available slots for content projection in this component.
|
|
34
|
-
*
|
|
35
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
36
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
37
|
-
*
|
|
38
|
-
* - **actions**: Defines the actions of the component.
|
|
39
|
-
|
|
40
|
-
**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.
|
|
41
|
-
* - **(default)**: Defines the cells of the component.
|
|
42
|
-
|
|
43
|
-
**Note:** Use `ui5-table-cell` for the intended design.
|
|
44
|
-
*
|
|
45
|
-
* @example
|
|
46
|
-
* ```html
|
|
47
|
-
* <ui5-table-group-row>
|
|
48
|
-
* <div slot="header">Custom header content</div>
|
|
49
|
-
* <p>Default slot content</p>
|
|
50
|
-
* </ui5-table-group-row>
|
|
51
|
-
* ```
|
|
52
|
-
*
|
|
53
|
-
* @readonly
|
|
54
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
55
|
-
*/
|
|
56
|
-
this.slots = [
|
|
57
|
-
{
|
|
58
|
-
"name": "actions",
|
|
59
|
-
"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.",
|
|
60
|
-
"since": "2.7.0"
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
"name": "default",
|
|
64
|
-
"description": "Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design."
|
|
65
|
-
}
|
|
66
|
-
];
|
|
67
|
-
this.elementRef = inject(ElementRef);
|
|
68
|
-
this.injector = inject(Injector);
|
|
69
|
-
/**
|
|
70
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
71
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
72
|
-
* @private
|
|
73
|
-
*/
|
|
74
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
75
|
-
}
|
|
76
|
-
get element() {
|
|
77
|
-
return this.elementRef.nativeElement;
|
|
78
|
-
}
|
|
79
|
-
ngAfterViewInit() {
|
|
80
|
-
const wcElement = this.element;
|
|
81
|
-
const inputsToSync = [
|
|
82
|
-
'interactive',
|
|
83
|
-
'movable',
|
|
84
|
-
'navigated',
|
|
85
|
-
'position',
|
|
86
|
-
'rowKey',
|
|
87
|
-
];
|
|
88
|
-
// Synchronize inputs (properties)
|
|
89
|
-
for (const inputName of inputsToSync) {
|
|
90
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
91
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
92
|
-
// Use the Injector to run the effect in the correct context
|
|
93
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
94
|
-
runInInjectionContext(this.injector, () => {
|
|
95
|
-
effect(() => {
|
|
96
|
-
// Read the signal value
|
|
97
|
-
const value = this[signalName]();
|
|
98
|
-
if (wcElement) {
|
|
99
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
100
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
101
|
-
if (value === undefined && wcElement[inputName]) {
|
|
102
|
-
return;
|
|
103
|
-
}
|
|
104
|
-
// Write the value to the Web Component's property
|
|
105
|
-
wcElement[inputName] = value;
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
});
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableGroupRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
113
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: TableGroupRow, isStandalone: true, selector: "ui5-table-group-row, [ui5-table-group-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: [
|
|
114
|
-
contentDensityObserverProviders({
|
|
115
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
116
|
-
})
|
|
117
|
-
], exportAs: ["ui5TableGroupRow"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
118
|
-
}
|
|
119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableGroupRow, decorators: [{
|
|
120
|
-
type: Component,
|
|
121
|
-
args: [{
|
|
122
|
-
standalone: true,
|
|
123
|
-
selector: 'ui5-table-group-row, [ui5-table-group-row]',
|
|
124
|
-
template: '<ng-content></ng-content>',
|
|
125
|
-
exportAs: 'ui5TableGroupRow',
|
|
126
|
-
providers: [
|
|
127
|
-
contentDensityObserverProviders({
|
|
128
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
129
|
-
})
|
|
130
|
-
],
|
|
131
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
132
|
-
}]
|
|
133
|
-
}], 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 }] }] } });
|
|
134
|
-
|
|
135
|
-
/**
|
|
136
|
-
* Generated bundle index. Do not edit.
|
|
137
|
-
*/
|
|
138
|
-
|
|
139
|
-
export { TableGroupRow };
|
|
140
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-group-row.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-group-row.mjs","sources":["../../../../libs/ui5-webcomponents/table-group-row/index.ts","../../../../libs/ui5-webcomponents/table-group-row/fundamental-ngx-ui5-webcomponents-table-group-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/TableGroupRow.js';\nimport { default as _TableGroupRow } from '@ui5/webcomponents/dist/TableGroupRow.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\n@Component({\n standalone: true,\n selector: 'ui5-table-group-row, [ui5-table-group-row]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableGroupRow',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableGroupRow 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 _TableGroupRow.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 _TableGroupRow.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-group-row>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-table-group-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<_TableGroupRow> = 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(): _TableGroupRow {\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, (): void => {\n effect((): void => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Skip writes when the signal is undefined and the property is already truthy\n // This prevents clobbering imperatively-set values (e.g., from RouterLink)\n if (value === undefined && wcElement[inputName]) {\n return;\n }\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,130 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, output, inject, ElementRef, Injector, DestroyRef, 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", /* @ts-ignore */
|
|
19
|
-
...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
|
|
20
|
-
/**
|
|
21
|
-
* Defines the text that will be displayed below the `text` inside the growing button.
|
|
22
|
-
Has no effect when mode is set to Scroll.
|
|
23
|
-
*/
|
|
24
|
-
this.subtext = input(/* @ts-ignore */
|
|
25
|
-
...(ngDevMode ? [undefined, { debugName: "subtext" }] : /* istanbul ignore next */ []));
|
|
26
|
-
/**
|
|
27
|
-
* Defines the text that will be displayed inside the growing button.
|
|
28
|
-
Has no effect when mode is set to `Scroll`.
|
|
29
|
-
|
|
30
|
-
**Note:** When not provided and the mode is set to Button, a default text is displayed, corresponding to the
|
|
31
|
-
current language.
|
|
32
|
-
*/
|
|
33
|
-
this.text = input(/* @ts-ignore */
|
|
34
|
-
...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ [])); // className is now passed
|
|
35
|
-
/**
|
|
36
|
-
* Fired when the growing button is pressed or the user scrolls to the end of the table.
|
|
37
|
-
*/
|
|
38
|
-
this.ui5LoadMore = output();
|
|
39
|
-
this.elementRef = inject(ElementRef);
|
|
40
|
-
this.injector = inject(Injector);
|
|
41
|
-
/**
|
|
42
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
43
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
44
|
-
* @private
|
|
45
|
-
*/
|
|
46
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
47
|
-
this._destroyRef = inject(DestroyRef);
|
|
48
|
-
}
|
|
49
|
-
get element() {
|
|
50
|
-
return this.elementRef.nativeElement;
|
|
51
|
-
}
|
|
52
|
-
ngAfterViewInit() {
|
|
53
|
-
const wcElement = this.element;
|
|
54
|
-
const inputsToSync = [
|
|
55
|
-
'mode',
|
|
56
|
-
'subtext',
|
|
57
|
-
'text',
|
|
58
|
-
];
|
|
59
|
-
// Synchronize inputs (properties)
|
|
60
|
-
for (const inputName of inputsToSync) {
|
|
61
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
62
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
63
|
-
// Use the Injector to run the effect in the correct context
|
|
64
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
65
|
-
runInInjectionContext(this.injector, () => {
|
|
66
|
-
effect(() => {
|
|
67
|
-
// Read the signal value
|
|
68
|
-
const value = this[signalName]();
|
|
69
|
-
if (wcElement) {
|
|
70
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
71
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
72
|
-
if (value === undefined && wcElement[inputName]) {
|
|
73
|
-
return;
|
|
74
|
-
}
|
|
75
|
-
// Write the value to the Web Component's property
|
|
76
|
-
wcElement[inputName] = value;
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
const outputsToSync = [
|
|
83
|
-
'ui5LoadMore',
|
|
84
|
-
];
|
|
85
|
-
// Synchronize outputs (events)
|
|
86
|
-
const _listeners = [];
|
|
87
|
-
for (const outputName of outputsToSync) {
|
|
88
|
-
// Map Angular output name to UI5 web component event name
|
|
89
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
90
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
91
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
92
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
93
|
-
const listener = (e) => {
|
|
94
|
-
this[outputName].emit(e);
|
|
95
|
-
};
|
|
96
|
-
wcElement.addEventListener(eventName, listener);
|
|
97
|
-
_listeners.push(() => wcElement.removeEventListener(eventName, listener));
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
this._destroyRef.onDestroy(() => _listeners.forEach((fn) => fn()));
|
|
101
|
-
}
|
|
102
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableGrowing, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
103
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", 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: [
|
|
104
|
-
contentDensityObserverProviders({
|
|
105
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
106
|
-
})
|
|
107
|
-
], exportAs: ["ui5TableGrowing"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
108
|
-
}
|
|
109
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableGrowing, decorators: [{
|
|
110
|
-
type: Component,
|
|
111
|
-
args: [{
|
|
112
|
-
standalone: true,
|
|
113
|
-
selector: 'ui5-table-growing, [ui5-table-growing]',
|
|
114
|
-
template: '<ng-content></ng-content>',
|
|
115
|
-
exportAs: 'ui5TableGrowing',
|
|
116
|
-
providers: [
|
|
117
|
-
contentDensityObserverProviders({
|
|
118
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
119
|
-
})
|
|
120
|
-
],
|
|
121
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
122
|
-
}]
|
|
123
|
-
}], 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"] }] } });
|
|
124
|
-
|
|
125
|
-
/**
|
|
126
|
-
* Generated bundle index. Do not edit.
|
|
127
|
-
*/
|
|
128
|
-
|
|
129
|
-
export { TableGrowing };
|
|
130
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-growing.mjs.map
|