@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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-toolbar-button.mjs","sources":["../../../../libs/ui5-webcomponents/toolbar-button/index.ts","../../../../libs/ui5-webcomponents/toolbar-button/fundamental-ngx-ui5-webcomponents-toolbar-button.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/ToolbarButton.js';\nimport { default as _ToolbarButton } from '@ui5/webcomponents/dist/ToolbarButton.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\n\nimport { ToolbarButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/ToolbarButton.js';\nimport { default as ButtonAccessibleRole } from '@ui5/webcomponents/dist/types/ButtonAccessibleRole.js';\nimport { default as ButtonDesign } from '@ui5/webcomponents/dist/types/ButtonDesign.js';\nimport { default as ToolbarItemOverflowBehavior } from '@ui5/webcomponents/dist/types/ToolbarItemOverflowBehavior.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-toolbar-button, [ui5-toolbar-button]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ToolbarButton',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToolbarButton implements AfterViewInit {\n\n /**\n * Defines the additional accessibility attributes that will be applied to the component.\n\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.\n */\n accessibilityAttributes = input<typeof _ToolbarButton.prototype.accessibilityAttributes | undefined>({});\n\n /**\n * Defines the accessible description of the component.\n */\n accessibleDescription = input<typeof _ToolbarButton.prototype.accessibleDescription | undefined>();\n\n /**\n * Defines the accessible ARIA name of the component.\n */\n accessibleName = input<typeof _ToolbarButton.prototype.accessibleName | undefined>();\n\n /**\n * Receives id(or many ids) of the elements that label the component.\n */\n accessibleNameRef = input<typeof _ToolbarButton.prototype.accessibleNameRef | undefined>();\n\n /**\n * Defines the ARIA role of the component.\n\n**Note:** Use `ButtonAccessibleRole.Link` role only with a press handler that performs navigation.\nIn all other scenarios the default button semantics are recommended.\n */\n accessibleRole = input<typeof _ToolbarButton.prototype.accessibleRole | undefined>(\"Button\");\n\n /**\n * Defines the action design.\n */\n design = input<typeof _ToolbarButton.prototype.design | undefined>(\"Default\");\n\n /**\n * Defines if the action is disabled.\n\n**Note:** a disabled action can't be pressed or focused, and it is not in the tab chain.\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the icon, displayed as graphical element within the component after the button text.\n\n**Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.\nUsage of `endIcon` only should be avoided.\n\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n endIcon = input<typeof _ToolbarButton.prototype.endIcon | undefined>();\n\n /**\n * Defines the `icon` source URI.\n\n**Note:** SAP-icons font provides numerous buil-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n icon = input<typeof _ToolbarButton.prototype.icon | undefined>();\n\n /**\n * Co-overflow tag. Items in the same `ui5-toolbar` whose `overflowGroup` is the same\nnon-empty string overflow as one atomic unit: either all visible in the bar, or all\nin the overflow popover, never split. The empty string (the default) means \"no group\" —\nthe item participates in overflow independently.\n\nThe tag is a free-form, case-sensitive string label (e.g. `\"filters\"`, `\"search\"`). It is\nlayout-only and carries no ARIA, keyboard, or visual-cluster semantics. Items in a\nnon-empty group must have `overflowPriority = \"Default\"`; `AlwaysOverflow` and\n`NeverOverflow` are forbidden inside a group — setting one of those on a grouped item\nemits a one-shot `console.warn` and the item's priority is treated as `Default` for\nthe layout pass. Spacers (`ui5-toolbar-spacer`) do not participate in grouping; setting\na non-empty `overflowGroup` on a spacer emits a one-shot `console.warn` and the spacer's\nexisting overflow behavior is unchanged.\n\nThe visible bar always preserves slot order — ungrouped items between group members\nkeep their slot positions and the toolbar never reorders DOM children. In the popover\ngroup members appear adjacent in slot order.\n */\n overflowGroup = input<typeof _ToolbarButton.prototype.overflowGroup | undefined>();\n\n /**\n * Property used to define the access of the item to the overflow Popover. If \"NeverOverflow\" option is set,\nthe item never goes in the Popover, if \"AlwaysOverflow\" - it never comes out of it.\n */\n overflowPriority = input<typeof _ToolbarButton.prototype.overflowPriority | undefined>(\"Default\");\n\n /**\n * Defines if the toolbar overflow popup should close upon interaction with the item.\nIt will close by default.\n */\n preventOverflowClosing = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the button text should only be displayed in the overflow popover.\n\nWhen set to `true`, the button appears as icon-only in the main toolbar,\nbut shows both icon and text when moved to the overflow popover.\n\n**Note:** This property only takes effect when the `text` property is also set.\n */\n showOverflowText = input(false, { transform: booleanAttribute });\n\n /**\n * Button text\n */\n text = input<typeof _ToolbarButton.prototype.text | undefined>();\n\n /**\n * Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.\n */\n tooltip = input<typeof _ToolbarButton.prototype.tooltip | undefined>();\n\n /**\n * Defines the width of the button.\n\n**Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.\n */\n width = input<typeof _ToolbarButton.prototype.width | undefined>(); // className is now passed\n\n\n\n /**\n * Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`.\n */\n ui5Click = output<UI5CustomEvent<_ToolbarButton, 'click'>>();\n\n\n public elementRef: ElementRef<_ToolbarButton> = 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(): _ToolbarButton {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'accessibilityAttributes',\n 'accessibleDescription',\n 'accessibleName',\n 'accessibleNameRef',\n 'accessibleRole',\n 'design',\n 'disabled',\n 'endIcon',\n 'icon',\n 'overflowGroup',\n 'overflowPriority',\n 'preventOverflowClosing',\n 'showOverflowText',\n 'text',\n 'tooltip',\n 'width',\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// Re-export types for convenience\nexport { ToolbarButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/ToolbarButton.js';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MA4Ca,aAAa,CAAA;AAZ1B,IAAA,WAAA,GAAA;AAcE;;;;;;;;;;;;;AAaG;QACH,IAAA,CAAA,uBAAuB,GAAG,KAAK,CAAsE,EAAE;oGAAC;AAExG;;AAEG;AACH,QAAA,IAAA,CAAA,qBAAqB,GAAG,KAAK;6GAAqE;AAElG;;AAEG;AACH,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK;sGAA8D;AAEpF;;AAEG;AACH,QAAA,IAAA,CAAA,iBAAiB,GAAG,KAAK;yGAAiE;AAE1F;;;;;AAKG;QACH,IAAA,CAAA,cAAc,GAAG,KAAK,CAA6D,QAAQ;2FAAC;AAE5F;;AAEG;QACH,IAAA,CAAA,MAAM,GAAG,KAAK,CAAqD,SAAS;mFAAC;AAE7E;;;;AAIG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExD;;;;;;;;;;AAUG;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK;+FAAuD;AAEtE;;;;;AAKG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK;4FAAoD;AAEhE;;;;;;;;;;;;;;;;;;AAkBG;AACH,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK;qGAA6D;AAElF;;;AAGG;QACH,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAA+D,SAAS;6FAAC;AAEjG;;;AAGG;QACH,IAAA,CAAA,sBAAsB,GAAG,KAAK,CAAC,KAAK,8FAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEtE;;;;;;;AAOG;QACH,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAC,KAAK,wFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEhE;;AAEG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK;4FAAoD;AAEhE;;;;AAIG;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK;+FAAuD;AAEtE;;;;AAIG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK;AAAqD,QAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAA,CAAC;AAInE;;;;;;AAMG;QACH,IAAA,CAAA,QAAQ,GAAG,MAAM,EAA2C;AAGrD,QAAA,IAAA,CAAA,UAAU,GAA+B,MAAM,CAAC,UAAU,CAAC;AAC3D,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAElC;;;;AAIG;AACc,QAAA,IAAA,CAAA,uBAAuB,GAAG,MAAM,CAAC,sBAAsB,CAAC;AACxD,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AA8ElD,IAAA;AA5EC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;IACtC;IAEA,eAAe,GAAA;AACb,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO;AAE9B,QAAA,MAAM,YAAY,GAAG;YACnB,yBAAyB;YACzB,uBAAuB;YACvB,gBAAgB;YAChB,mBAAmB;YACnB,gBAAgB;YAChB,QAAQ;YACR,UAAU;YACV,SAAS;YACT,MAAM;YACN,eAAe;YACf,kBAAkB;YAClB,wBAAwB;YACxB,kBAAkB;YAClB,MAAM;YACN,SAAS;YACT,OAAO;SACR;;AAGD,QAAA,KAAK,MAAM,SAAS,IAAI,YAAY,EAAE;;YAEpC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;AAG9E,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,UAAU,EAAE;AAC9D,gBAAA,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAW;oBAC9C,MAAM,CAAC,MAAW;;AAEhB,wBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE;wBAChC,IAAI,SAAS,EAAE;;;4BAGb,IAAI,KAAK,KAAK,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE;gCAC/C;4BACF;;AAEA,4BAAA,SAAS,CAAC,SAAS,CAAC,GAAG,KAAK;wBAC9B;AACF,oBAAA,CAAC,CAAC;AACJ,gBAAA,CAAC,CAAC;YACJ;QACF;AAGA,QAAA,MAAM,aAAa,GAAG;YACpB,UAAU;SACX;;QAGD,MAAM,UAAU,GAAsB,EAAE;AACxC,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;;AAEjG,gBAAA,MAAM,QAAQ,GAAG,CAAC,CAAQ,KAAU;oBAElC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAqB,CAAC;AAC9C,gBAAA,CAAC;AACD,gBAAA,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC;AAC/C,gBAAA,UAAU,CAAC,IAAI,CAAC,MAAM,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;YAC3E;QACF;QACA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IAGpE;8GA1OW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0CAAA,EAAA,MAAA,EAAA,EAAA,uBAAA,EAAA,EAAA,iBAAA,EAAA,yBAAA,EAAA,UAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,qBAAA,EAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,sBAAA,EAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,UAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAPb;AACT,YAAA,+BAA+B,CAAC;gBAC9B,uBAAuB,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,CAAC,IAAI;aAC9E;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,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,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,0CAA0C;AACpD,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,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;;;AC3CD;;AAEG;;;;"}
|
|
@@ -1,137 +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/ToolbarItem.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class ToolbarItem {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Co-overflow tag. Items in the same `ui5-toolbar` whose `overflowGroup` is the same
|
|
10
|
-
non-empty string overflow as one atomic unit: either all visible in the bar, or all
|
|
11
|
-
in the overflow popover, never split. The empty string (the default) means "no group" —
|
|
12
|
-
the item participates in overflow independently.
|
|
13
|
-
|
|
14
|
-
The tag is a free-form, case-sensitive string label (e.g. `"filters"`, `"search"`). It is
|
|
15
|
-
layout-only and carries no ARIA, keyboard, or visual-cluster semantics. Items in a
|
|
16
|
-
non-empty group must have `overflowPriority = "Default"`; `AlwaysOverflow` and
|
|
17
|
-
`NeverOverflow` are forbidden inside a group — setting one of those on a grouped item
|
|
18
|
-
emits a one-shot `console.warn` and the item's priority is treated as `Default` for
|
|
19
|
-
the layout pass. Spacers (`ui5-toolbar-spacer`) do not participate in grouping; setting
|
|
20
|
-
a non-empty `overflowGroup` on a spacer emits a one-shot `console.warn` and the spacer's
|
|
21
|
-
existing overflow behavior is unchanged.
|
|
22
|
-
|
|
23
|
-
The visible bar always preserves slot order — ungrouped items between group members
|
|
24
|
-
keep their slot positions and the toolbar never reorders DOM children. In the popover
|
|
25
|
-
group members appear adjacent in slot order.
|
|
26
|
-
*/
|
|
27
|
-
this.overflowGroup = input(/* @ts-ignore */
|
|
28
|
-
...(ngDevMode ? [undefined, { debugName: "overflowGroup" }] : /* istanbul ignore next */ []));
|
|
29
|
-
/**
|
|
30
|
-
* Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
|
|
31
|
-
the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
|
|
32
|
-
*/
|
|
33
|
-
this.overflowPriority = input("Default", /* @ts-ignore */
|
|
34
|
-
...(ngDevMode ? [{ debugName: "overflowPriority" }] : /* istanbul ignore next */ []));
|
|
35
|
-
/**
|
|
36
|
-
* Defines if the toolbar overflow popup should close upon interaction with the item.
|
|
37
|
-
It will close by default.
|
|
38
|
-
*/
|
|
39
|
-
this.preventOverflowClosing = input(false, { ...(ngDevMode ? { debugName: "preventOverflowClosing" } : /* istanbul ignore next */ {}), transform: booleanAttribute }); // className is now passed
|
|
40
|
-
/**
|
|
41
|
-
* Available slots for content projection in this component.
|
|
42
|
-
*
|
|
43
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
44
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
45
|
-
*
|
|
46
|
-
* - **(default)**: Wrapped component slot.
|
|
47
|
-
*
|
|
48
|
-
* @example
|
|
49
|
-
* ```html
|
|
50
|
-
* <ui5-toolbar-item>
|
|
51
|
-
* <div slot="header">Custom header content</div>
|
|
52
|
-
* <p>Default slot content</p>
|
|
53
|
-
* </ui5-toolbar-item>
|
|
54
|
-
* ```
|
|
55
|
-
*
|
|
56
|
-
* @readonly
|
|
57
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
58
|
-
*/
|
|
59
|
-
this.slots = [
|
|
60
|
-
{
|
|
61
|
-
"name": "default",
|
|
62
|
-
"description": "Wrapped component slot.",
|
|
63
|
-
"since": "2.20.0"
|
|
64
|
-
}
|
|
65
|
-
];
|
|
66
|
-
this.elementRef = inject(ElementRef);
|
|
67
|
-
this.injector = inject(Injector);
|
|
68
|
-
/**
|
|
69
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
70
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
71
|
-
* @private
|
|
72
|
-
*/
|
|
73
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
74
|
-
}
|
|
75
|
-
get element() {
|
|
76
|
-
return this.elementRef.nativeElement;
|
|
77
|
-
}
|
|
78
|
-
ngAfterViewInit() {
|
|
79
|
-
const wcElement = this.element;
|
|
80
|
-
const inputsToSync = [
|
|
81
|
-
'overflowGroup',
|
|
82
|
-
'overflowPriority',
|
|
83
|
-
'preventOverflowClosing',
|
|
84
|
-
];
|
|
85
|
-
// Synchronize inputs (properties)
|
|
86
|
-
for (const inputName of inputsToSync) {
|
|
87
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
88
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
89
|
-
// Use the Injector to run the effect in the correct context
|
|
90
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
91
|
-
runInInjectionContext(this.injector, () => {
|
|
92
|
-
effect(() => {
|
|
93
|
-
// Read the signal value
|
|
94
|
-
const value = this[signalName]();
|
|
95
|
-
if (wcElement) {
|
|
96
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
97
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
98
|
-
if (value === undefined && wcElement[inputName]) {
|
|
99
|
-
return;
|
|
100
|
-
}
|
|
101
|
-
// Write the value to the Web Component's property
|
|
102
|
-
wcElement[inputName] = value;
|
|
103
|
-
}
|
|
104
|
-
});
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ToolbarItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
110
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: ToolbarItem, isStandalone: true, selector: "ui5-toolbar-item, [ui5-toolbar-item]", inputs: { overflowGroup: { classPropertyName: "overflowGroup", publicName: "overflowGroup", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
111
|
-
contentDensityObserverProviders({
|
|
112
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
113
|
-
})
|
|
114
|
-
], exportAs: ["ui5ToolbarItem"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
115
|
-
}
|
|
116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ToolbarItem, decorators: [{
|
|
117
|
-
type: Component,
|
|
118
|
-
args: [{
|
|
119
|
-
standalone: true,
|
|
120
|
-
selector: 'ui5-toolbar-item, [ui5-toolbar-item]',
|
|
121
|
-
template: '<ng-content></ng-content>',
|
|
122
|
-
exportAs: 'ui5ToolbarItem',
|
|
123
|
-
providers: [
|
|
124
|
-
contentDensityObserverProviders({
|
|
125
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
126
|
-
})
|
|
127
|
-
],
|
|
128
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
129
|
-
}]
|
|
130
|
-
}], propDecorators: { overflowGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowGroup", required: false }] }], overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }] } });
|
|
131
|
-
|
|
132
|
-
/**
|
|
133
|
-
* Generated bundle index. Do not edit.
|
|
134
|
-
*/
|
|
135
|
-
|
|
136
|
-
export { ToolbarItem };
|
|
137
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-toolbar-item.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-toolbar-item.mjs","sources":["../../../../libs/ui5-webcomponents/toolbar-item/index.ts","../../../../libs/ui5-webcomponents/toolbar-item/fundamental-ngx-ui5-webcomponents-toolbar-item.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/ToolbarItem.js';\nimport { default as _ToolbarItem } from '@ui5/webcomponents/dist/ToolbarItem.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 ToolbarItemOverflowBehavior } from '@ui5/webcomponents/dist/types/ToolbarItemOverflowBehavior.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-toolbar-item, [ui5-toolbar-item]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ToolbarItem',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToolbarItem implements AfterViewInit {\n\n /**\n * Co-overflow tag. Items in the same `ui5-toolbar` whose `overflowGroup` is the same\nnon-empty string overflow as one atomic unit: either all visible in the bar, or all\nin the overflow popover, never split. The empty string (the default) means \"no group\" —\nthe item participates in overflow independently.\n\nThe tag is a free-form, case-sensitive string label (e.g. `\"filters\"`, `\"search\"`). It is\nlayout-only and carries no ARIA, keyboard, or visual-cluster semantics. Items in a\nnon-empty group must have `overflowPriority = \"Default\"`; `AlwaysOverflow` and\n`NeverOverflow` are forbidden inside a group — setting one of those on a grouped item\nemits a one-shot `console.warn` and the item's priority is treated as `Default` for\nthe layout pass. Spacers (`ui5-toolbar-spacer`) do not participate in grouping; setting\na non-empty `overflowGroup` on a spacer emits a one-shot `console.warn` and the spacer's\nexisting overflow behavior is unchanged.\n\nThe visible bar always preserves slot order — ungrouped items between group members\nkeep their slot positions and the toolbar never reorders DOM children. In the popover\ngroup members appear adjacent in slot order.\n */\n overflowGroup = input<typeof _ToolbarItem.prototype.overflowGroup | undefined>();\n\n /**\n * Property used to define the access of the item to the overflow Popover. If \"NeverOverflow\" option is set,\nthe item never goes in the Popover, if \"AlwaysOverflow\" - it never comes out of it.\n */\n overflowPriority = input<typeof _ToolbarItem.prototype.overflowPriority | undefined>(\"Default\");\n\n /**\n * Defines if the toolbar overflow popup should close upon interaction with the item.\nIt will close by default.\n */\n preventOverflowClosing = 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)**: Wrapped component slot.\n *\n * @example\n * ```html\n * <ui5-toolbar-item>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-toolbar-item>\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\": \"Wrapped component slot.\",\n \"since\": \"2.20.0\"\n }\n ];\n\n\n public elementRef: ElementRef<_ToolbarItem> = 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(): _ToolbarItem {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'overflowGroup',\n 'overflowPriority',\n 'preventOverflowClosing',\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,114 +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/ToolbarSelectOption.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class ToolbarSelectOption {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the selected state of the component.
|
|
10
|
-
*/
|
|
11
|
-
this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
12
|
-
/**
|
|
13
|
-
* Defines the value of the component.
|
|
14
|
-
*/
|
|
15
|
-
this.value = input(/* @ts-ignore */
|
|
16
|
-
...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ [])); // className is now passed
|
|
17
|
-
/**
|
|
18
|
-
* Available slots for content projection in this component.
|
|
19
|
-
*
|
|
20
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
21
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
22
|
-
*
|
|
23
|
-
* - **(default)**: Defines the text of the component.
|
|
24
|
-
|
|
25
|
-
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
26
|
-
*
|
|
27
|
-
* @example
|
|
28
|
-
* ```html
|
|
29
|
-
* <ui5-toolbar-select-option>
|
|
30
|
-
* <div slot="header">Custom header content</div>
|
|
31
|
-
* <p>Default slot content</p>
|
|
32
|
-
* </ui5-toolbar-select-option>
|
|
33
|
-
* ```
|
|
34
|
-
*
|
|
35
|
-
* @readonly
|
|
36
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
37
|
-
*/
|
|
38
|
-
this.slots = [
|
|
39
|
-
{
|
|
40
|
-
"name": "default",
|
|
41
|
-
"description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
|
|
42
|
-
}
|
|
43
|
-
];
|
|
44
|
-
this.elementRef = inject(ElementRef);
|
|
45
|
-
this.injector = inject(Injector);
|
|
46
|
-
/**
|
|
47
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
48
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
49
|
-
* @private
|
|
50
|
-
*/
|
|
51
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
52
|
-
}
|
|
53
|
-
get element() {
|
|
54
|
-
return this.elementRef.nativeElement;
|
|
55
|
-
}
|
|
56
|
-
ngAfterViewInit() {
|
|
57
|
-
const wcElement = this.element;
|
|
58
|
-
const inputsToSync = [
|
|
59
|
-
'selected',
|
|
60
|
-
'value',
|
|
61
|
-
];
|
|
62
|
-
// Synchronize inputs (properties)
|
|
63
|
-
for (const inputName of inputsToSync) {
|
|
64
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
65
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
66
|
-
// Use the Injector to run the effect in the correct context
|
|
67
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
68
|
-
runInInjectionContext(this.injector, () => {
|
|
69
|
-
effect(() => {
|
|
70
|
-
// Read the signal value
|
|
71
|
-
const value = this[signalName]();
|
|
72
|
-
if (wcElement) {
|
|
73
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
74
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
75
|
-
if (value === undefined && wcElement[inputName]) {
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
// Write the value to the Web Component's property
|
|
79
|
-
wcElement[inputName] = value;
|
|
80
|
-
}
|
|
81
|
-
});
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ToolbarSelectOption, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
87
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: ToolbarSelectOption, isStandalone: true, selector: "ui5-toolbar-select-option, [ui5-toolbar-select-option]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
88
|
-
contentDensityObserverProviders({
|
|
89
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
90
|
-
})
|
|
91
|
-
], exportAs: ["ui5ToolbarSelectOption"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
92
|
-
}
|
|
93
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ToolbarSelectOption, decorators: [{
|
|
94
|
-
type: Component,
|
|
95
|
-
args: [{
|
|
96
|
-
standalone: true,
|
|
97
|
-
selector: 'ui5-toolbar-select-option, [ui5-toolbar-select-option]',
|
|
98
|
-
template: '<ng-content></ng-content>',
|
|
99
|
-
exportAs: 'ui5ToolbarSelectOption',
|
|
100
|
-
providers: [
|
|
101
|
-
contentDensityObserverProviders({
|
|
102
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
103
|
-
})
|
|
104
|
-
],
|
|
105
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
106
|
-
}]
|
|
107
|
-
}], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
|
|
108
|
-
|
|
109
|
-
/**
|
|
110
|
-
* Generated bundle index. Do not edit.
|
|
111
|
-
*/
|
|
112
|
-
|
|
113
|
-
export { ToolbarSelectOption };
|
|
114
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs","sources":["../../../../libs/ui5-webcomponents/toolbar-select-option/index.ts","../../../../libs/ui5-webcomponents/toolbar-select-option/fundamental-ngx-ui5-webcomponents-toolbar-select-option.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/ToolbarSelectOption.js';\nimport { default as _ToolbarSelectOption } from '@ui5/webcomponents/dist/ToolbarSelectOption.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-toolbar-select-option, [ui5-toolbar-select-option]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ToolbarSelectOption',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToolbarSelectOption implements AfterViewInit {\n\n /**\n * Defines the selected state of the component.\n */\n selected = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the value of the component.\n */\n value = input<typeof _ToolbarSelectOption.prototype.value | 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 text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n *\n * @example\n * ```html\n * <ui5-toolbar-select-option>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-toolbar-select-option>\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 text of the component.\\n\\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\"\n }\n ];\n\n\n public elementRef: ElementRef<_ToolbarSelectOption> = 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(): _ToolbarSelectOption {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'selected',\n 'value',\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,221 +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/ToolbarSelect.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class ToolbarSelect {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the accessible ARIA name of the component.
|
|
10
|
-
*/
|
|
11
|
-
this.accessibleName = input(/* @ts-ignore */
|
|
12
|
-
...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : /* istanbul ignore next */ []));
|
|
13
|
-
/**
|
|
14
|
-
* Receives id(or many ids) of the elements that label the select.
|
|
15
|
-
*/
|
|
16
|
-
this.accessibleNameRef = input(/* @ts-ignore */
|
|
17
|
-
...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : /* istanbul ignore next */ []));
|
|
18
|
-
/**
|
|
19
|
-
* Defines whether the component is in disabled state.
|
|
20
|
-
|
|
21
|
-
**Note:** A disabled component is noninteractive.
|
|
22
|
-
*/
|
|
23
|
-
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
24
|
-
/**
|
|
25
|
-
* Co-overflow tag. Items in the same `ui5-toolbar` whose `overflowGroup` is the same
|
|
26
|
-
non-empty string overflow as one atomic unit: either all visible in the bar, or all
|
|
27
|
-
in the overflow popover, never split. The empty string (the default) means "no group" —
|
|
28
|
-
the item participates in overflow independently.
|
|
29
|
-
|
|
30
|
-
The tag is a free-form, case-sensitive string label (e.g. `"filters"`, `"search"`). It is
|
|
31
|
-
layout-only and carries no ARIA, keyboard, or visual-cluster semantics. Items in a
|
|
32
|
-
non-empty group must have `overflowPriority = "Default"`; `AlwaysOverflow` and
|
|
33
|
-
`NeverOverflow` are forbidden inside a group — setting one of those on a grouped item
|
|
34
|
-
emits a one-shot `console.warn` and the item's priority is treated as `Default` for
|
|
35
|
-
the layout pass. Spacers (`ui5-toolbar-spacer`) do not participate in grouping; setting
|
|
36
|
-
a non-empty `overflowGroup` on a spacer emits a one-shot `console.warn` and the spacer's
|
|
37
|
-
existing overflow behavior is unchanged.
|
|
38
|
-
|
|
39
|
-
The visible bar always preserves slot order — ungrouped items between group members
|
|
40
|
-
keep their slot positions and the toolbar never reorders DOM children. In the popover
|
|
41
|
-
group members appear adjacent in slot order.
|
|
42
|
-
*/
|
|
43
|
-
this.overflowGroup = input(/* @ts-ignore */
|
|
44
|
-
...(ngDevMode ? [undefined, { debugName: "overflowGroup" }] : /* istanbul ignore next */ []));
|
|
45
|
-
/**
|
|
46
|
-
* Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
|
|
47
|
-
the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
|
|
48
|
-
*/
|
|
49
|
-
this.overflowPriority = input("Default", /* @ts-ignore */
|
|
50
|
-
...(ngDevMode ? [{ debugName: "overflowPriority" }] : /* istanbul ignore next */ []));
|
|
51
|
-
/**
|
|
52
|
-
* Defines if the toolbar overflow popup should close upon interaction with the item.
|
|
53
|
-
It will close by default.
|
|
54
|
-
*/
|
|
55
|
-
this.preventOverflowClosing = input(false, { ...(ngDevMode ? { debugName: "preventOverflowClosing" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
56
|
-
/**
|
|
57
|
-
* Defines the value of the component:
|
|
58
|
-
*/
|
|
59
|
-
this.value = input("", /* @ts-ignore */
|
|
60
|
-
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
61
|
-
/**
|
|
62
|
-
* Defines the value state of the component.
|
|
63
|
-
*/
|
|
64
|
-
this.valueState = input("None", /* @ts-ignore */
|
|
65
|
-
...(ngDevMode ? [{ debugName: "valueState" }] : /* istanbul ignore next */ []));
|
|
66
|
-
/**
|
|
67
|
-
* Defines the width of the select.
|
|
68
|
-
|
|
69
|
-
**Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
|
|
70
|
-
*/
|
|
71
|
-
this.width = input(/* @ts-ignore */
|
|
72
|
-
...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ [])); // className is now passed
|
|
73
|
-
/**
|
|
74
|
-
* Fired when the selected option changes.
|
|
75
|
-
*/
|
|
76
|
-
this.ui5Change = output();
|
|
77
|
-
/**
|
|
78
|
-
* Fired after the component's dropdown menu closes.
|
|
79
|
-
*/
|
|
80
|
-
this.ui5Close = output();
|
|
81
|
-
/**
|
|
82
|
-
* Fired after the component's dropdown menu opens.
|
|
83
|
-
*/
|
|
84
|
-
this.ui5Open = output();
|
|
85
|
-
/**
|
|
86
|
-
* Available slots for content projection in this component.
|
|
87
|
-
*
|
|
88
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
89
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
90
|
-
*
|
|
91
|
-
* - **(default)**: Defines the component options.
|
|
92
|
-
|
|
93
|
-
**Note:** Only one selected option is allowed.
|
|
94
|
-
If more than one option is defined as selected, the last one would be considered as the selected one.
|
|
95
|
-
|
|
96
|
-
**Note:** Use the `ui5-toolbar-select-option` component to define the desired options.
|
|
97
|
-
* - **label**: Defines the HTML element that will be displayed in the component input part,
|
|
98
|
-
representing the selected option.
|
|
99
|
-
*
|
|
100
|
-
* @example
|
|
101
|
-
* ```html
|
|
102
|
-
* <ui5-toolbar-select>
|
|
103
|
-
* <div slot="header">Custom header content</div>
|
|
104
|
-
* <p>Default slot content</p>
|
|
105
|
-
* </ui5-toolbar-select>
|
|
106
|
-
* ```
|
|
107
|
-
*
|
|
108
|
-
* @readonly
|
|
109
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
110
|
-
*/
|
|
111
|
-
this.slots = [
|
|
112
|
-
{
|
|
113
|
-
"name": "default",
|
|
114
|
-
"description": "Defines the component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-toolbar-select-option` component to define the desired options."
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
"name": "label",
|
|
118
|
-
"description": "Defines the HTML element that will be displayed in the component input part,\nrepresenting the selected option.",
|
|
119
|
-
"since": "2.15.0"
|
|
120
|
-
}
|
|
121
|
-
];
|
|
122
|
-
this.elementRef = inject(ElementRef);
|
|
123
|
-
this.injector = inject(Injector);
|
|
124
|
-
/**
|
|
125
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
126
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
127
|
-
* @private
|
|
128
|
-
*/
|
|
129
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
130
|
-
this._destroyRef = inject(DestroyRef);
|
|
131
|
-
}
|
|
132
|
-
get element() {
|
|
133
|
-
return this.elementRef.nativeElement;
|
|
134
|
-
}
|
|
135
|
-
ngAfterViewInit() {
|
|
136
|
-
const wcElement = this.element;
|
|
137
|
-
const inputsToSync = [
|
|
138
|
-
'accessibleName',
|
|
139
|
-
'accessibleNameRef',
|
|
140
|
-
'disabled',
|
|
141
|
-
'overflowGroup',
|
|
142
|
-
'overflowPriority',
|
|
143
|
-
'preventOverflowClosing',
|
|
144
|
-
'value',
|
|
145
|
-
'valueState',
|
|
146
|
-
'width',
|
|
147
|
-
];
|
|
148
|
-
// Synchronize inputs (properties)
|
|
149
|
-
for (const inputName of inputsToSync) {
|
|
150
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
151
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
152
|
-
// Use the Injector to run the effect in the correct context
|
|
153
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
154
|
-
runInInjectionContext(this.injector, () => {
|
|
155
|
-
effect(() => {
|
|
156
|
-
// Read the signal value
|
|
157
|
-
const value = this[signalName]();
|
|
158
|
-
if (wcElement) {
|
|
159
|
-
// Skip writes when the signal is undefined and the property is already truthy
|
|
160
|
-
// This prevents clobbering imperatively-set values (e.g., from RouterLink)
|
|
161
|
-
if (value === undefined && wcElement[inputName]) {
|
|
162
|
-
return;
|
|
163
|
-
}
|
|
164
|
-
// Write the value to the Web Component's property
|
|
165
|
-
wcElement[inputName] = value;
|
|
166
|
-
}
|
|
167
|
-
});
|
|
168
|
-
});
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
const outputsToSync = [
|
|
172
|
-
'ui5Change',
|
|
173
|
-
'ui5Close',
|
|
174
|
-
'ui5Open',
|
|
175
|
-
];
|
|
176
|
-
// Synchronize outputs (events)
|
|
177
|
-
const _listeners = [];
|
|
178
|
-
for (const outputName of outputsToSync) {
|
|
179
|
-
// Map Angular output name to UI5 web component event name
|
|
180
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
181
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
182
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
183
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
184
|
-
const listener = (e) => {
|
|
185
|
-
this[outputName].emit(e);
|
|
186
|
-
};
|
|
187
|
-
wcElement.addEventListener(eventName, listener);
|
|
188
|
-
_listeners.push(() => wcElement.removeEventListener(eventName, listener));
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
this._destroyRef.onDestroy(() => _listeners.forEach((fn) => fn()));
|
|
192
|
-
}
|
|
193
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ToolbarSelect, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
194
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: ToolbarSelect, isStandalone: true, selector: "ui5-toolbar-select, [ui5-toolbar-select]", inputs: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, overflowGroup: { classPropertyName: "overflowGroup", publicName: "overflowGroup", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change", ui5Close: "ui5Close", ui5Open: "ui5Open" }, providers: [
|
|
195
|
-
contentDensityObserverProviders({
|
|
196
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
197
|
-
})
|
|
198
|
-
], exportAs: ["ui5ToolbarSelect"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
199
|
-
}
|
|
200
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ToolbarSelect, decorators: [{
|
|
201
|
-
type: Component,
|
|
202
|
-
args: [{
|
|
203
|
-
standalone: true,
|
|
204
|
-
selector: 'ui5-toolbar-select, [ui5-toolbar-select]',
|
|
205
|
-
template: '<ng-content></ng-content>',
|
|
206
|
-
exportAs: 'ui5ToolbarSelect',
|
|
207
|
-
providers: [
|
|
208
|
-
contentDensityObserverProviders({
|
|
209
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
210
|
-
})
|
|
211
|
-
],
|
|
212
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
213
|
-
}]
|
|
214
|
-
}], propDecorators: { accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], overflowGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowGroup", required: false }] }], overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueState: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueState", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }], ui5Close: [{ type: i0.Output, args: ["ui5Close"] }], ui5Open: [{ type: i0.Output, args: ["ui5Open"] }] } });
|
|
215
|
-
|
|
216
|
-
/**
|
|
217
|
-
* Generated bundle index. Do not edit.
|
|
218
|
-
*/
|
|
219
|
-
|
|
220
|
-
export { ToolbarSelect };
|
|
221
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-toolbar-select.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-toolbar-select.mjs","sources":["../../../../libs/ui5-webcomponents/toolbar-select/index.ts","../../../../libs/ui5-webcomponents/toolbar-select/fundamental-ngx-ui5-webcomponents-toolbar-select.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/ToolbarSelect.js';\nimport { default as _ToolbarSelect } from '@ui5/webcomponents/dist/ToolbarSelect.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 ToolbarItemOverflowBehavior } from '@ui5/webcomponents/dist/types/ToolbarItemOverflowBehavior.js';\nimport { default as ValueState } from '@ui5/webcomponents-base/dist/types/ValueState.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-toolbar-select, [ui5-toolbar-select]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ToolbarSelect',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToolbarSelect implements AfterViewInit {\n\n /**\n * Defines the accessible ARIA name of the component.\n */\n accessibleName = input<typeof _ToolbarSelect.prototype.accessibleName | undefined>();\n\n /**\n * Receives id(or many ids) of the elements that label the select.\n */\n accessibleNameRef = input<typeof _ToolbarSelect.prototype.accessibleNameRef | undefined>();\n\n /**\n * Defines whether the component is in disabled state.\n\n**Note:** A disabled component is noninteractive.\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /**\n * Co-overflow tag. Items in the same `ui5-toolbar` whose `overflowGroup` is the same\nnon-empty string overflow as one atomic unit: either all visible in the bar, or all\nin the overflow popover, never split. The empty string (the default) means \"no group\" —\nthe item participates in overflow independently.\n\nThe tag is a free-form, case-sensitive string label (e.g. `\"filters\"`, `\"search\"`). It is\nlayout-only and carries no ARIA, keyboard, or visual-cluster semantics. Items in a\nnon-empty group must have `overflowPriority = \"Default\"`; `AlwaysOverflow` and\n`NeverOverflow` are forbidden inside a group — setting one of those on a grouped item\nemits a one-shot `console.warn` and the item's priority is treated as `Default` for\nthe layout pass. Spacers (`ui5-toolbar-spacer`) do not participate in grouping; setting\na non-empty `overflowGroup` on a spacer emits a one-shot `console.warn` and the spacer's\nexisting overflow behavior is unchanged.\n\nThe visible bar always preserves slot order — ungrouped items between group members\nkeep their slot positions and the toolbar never reorders DOM children. In the popover\ngroup members appear adjacent in slot order.\n */\n overflowGroup = input<typeof _ToolbarSelect.prototype.overflowGroup | undefined>();\n\n /**\n * Property used to define the access of the item to the overflow Popover. If \"NeverOverflow\" option is set,\nthe item never goes in the Popover, if \"AlwaysOverflow\" - it never comes out of it.\n */\n overflowPriority = input<typeof _ToolbarSelect.prototype.overflowPriority | undefined>(\"Default\");\n\n /**\n * Defines if the toolbar overflow popup should close upon interaction with the item.\nIt will close by default.\n */\n preventOverflowClosing = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the value of the component:\n */\n value = input<typeof _ToolbarSelect.prototype.value | undefined>(\"\");\n\n /**\n * Defines the value state of the component.\n */\n valueState = input<typeof _ToolbarSelect.prototype.valueState | undefined>(\"None\");\n\n /**\n * Defines the width of the select.\n\n**Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.\n */\n width = input<typeof _ToolbarSelect.prototype.width | undefined>(); // className is now passed\n\n\n\n /**\n * Fired when the selected option changes.\n */\n ui5Change = output<UI5CustomEvent<_ToolbarSelect, 'change'>>();\n\n /**\n * Fired after the component's dropdown menu closes.\n */\n ui5Close = output<UI5CustomEvent<_ToolbarSelect, 'close'>>();\n\n /**\n * Fired after the component's dropdown menu opens.\n */\n ui5Open = output<UI5CustomEvent<_ToolbarSelect, 'open'>>();\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 component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-toolbar-select-option` component to define the desired options.\n * - **label**: Defines the HTML element that will be displayed in the component input part,\nrepresenting the selected option.\n *\n * @example\n * ```html\n * <ui5-toolbar-select>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-toolbar-select>\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 component options.\\n\\n**Note:** Only one selected option is allowed.\\nIf more than one option is defined as selected, the last one would be considered as the selected one.\\n\\n**Note:** Use the `ui5-toolbar-select-option` component to define the desired options.\"\n },\n {\n \"name\": \"label\",\n \"description\": \"Defines the HTML element that will be displayed in the component input part,\\nrepresenting the selected option.\",\n \"since\": \"2.15.0\"\n }\n ];\n\n\n public elementRef: ElementRef<_ToolbarSelect> = 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(): _ToolbarSelect {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'accessibleName',\n 'accessibleNameRef',\n 'disabled',\n 'overflowGroup',\n 'overflowPriority',\n 'preventOverflowClosing',\n 'value',\n 'valueState',\n 'width',\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 'ui5Change',\n 'ui5Close',\n 'ui5Open',\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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"}
|