@fundamental-ngx/ui5-webcomponents 0.59.2-rc.0 → 0.59.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -430
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs +0 -76
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs +0 -161
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs +0 -206
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs +0 -116
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs +0 -109
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs +0 -117
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs +0 -105
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs +0 -72
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs +0 -219
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs +0 -67
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs +0 -61
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs +0 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs +0 -100
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs +0 -189
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs +0 -127
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs +0 -110
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs +0 -184
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs +0 -178
- package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs +0 -70
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs +0 -143
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs +0 -80
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs +0 -93
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs +0 -140
- 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 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs +0 -220
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs +0 -266
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs +0 -292
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs +0 -266
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +0 -226
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs +0 -85
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs +0 -75
- package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs +0 -231
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs +0 -107
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs +0 -96
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs +0 -169
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs +0 -127
- package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs +0 -265
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs +0 -112
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs +0 -219
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs +0 -163
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs +0 -140
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs +0 -230
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs +0 -282
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs +0 -86
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs +0 -263
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs +0 -36
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs +0 -162
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs +0 -137
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs +0 -140
- 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 -70
- 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 -239
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs +0 -289
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs +0 -102
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs +0 -112
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs +0 -156
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs +0 -226
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs +0 -88
- package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs +0 -156
- package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs +0 -156
- package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs +0 -130
- package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs +0 -226
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs +0 -130
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs +0 -164
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs +0 -260
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs +0 -151
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs +0 -66
- package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs +0 -159
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs +0 -187
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs +0 -86
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs +0 -140
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs +0 -65
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs +0 -154
- package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs +0 -179
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs +0 -36
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs +0 -134
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs +0 -85
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs +0 -101
- 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 -55
- 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 -145
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs +0 -89
- 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 -86
- 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 -98
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs +0 -117
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs +0 -89
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs +0 -84
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs +0 -84
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs +0 -95
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs +0 -197
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs +0 -143
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs +0 -228
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs +0 -90
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs +0 -23
- package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs +0 -207
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs +0 -104
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs +0 -120
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs +0 -224
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs +0 -92
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs +0 -152
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs +0 -178
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +0 -87
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs +0 -167
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs +0 -67
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs +0 -74
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs +0 -102
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs +0 -224
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs +0 -224
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs +0 -199
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs.map +0 -1
- package/types/fundamental-ngx-ui5-webcomponents-avatar-badge.d.ts +0 -33
- package/types/fundamental-ngx-ui5-webcomponents-avatar-group.d.ts +0 -97
- package/types/fundamental-ngx-ui5-webcomponents-avatar.d.ts +0 -135
- package/types/fundamental-ngx-ui5-webcomponents-bar.d.ts +0 -61
- package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.d.ts +0 -63
- package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs.d.ts +0 -58
- package/types/fundamental-ngx-ui5-webcomponents-busy-indicator.d.ts +0 -57
- package/types/fundamental-ngx-ui5-webcomponents-button-badge.d.ts +0 -29
- package/types/fundamental-ngx-ui5-webcomponents-button.d.ts +0 -149
- package/types/fundamental-ngx-ui5-webcomponents-calendar-date-range.d.ts +0 -24
- package/types/fundamental-ngx-ui5-webcomponents-calendar-date.d.ts +0 -19
- package/types/fundamental-ngx-ui5-webcomponents-calendar-legend-item.d.ts +0 -22
- package/types/fundamental-ngx-ui5-webcomponents-calendar-legend.d.ts +0 -53
- package/types/fundamental-ngx-ui5-webcomponents-calendar.d.ts +0 -112
- package/types/fundamental-ngx-ui5-webcomponents-card-header.d.ts +0 -62
- package/types/fundamental-ngx-ui5-webcomponents-card.d.ts +0 -63
- package/types/fundamental-ngx-ui5-webcomponents-carousel.d.ts +0 -114
- package/types/fundamental-ngx-ui5-webcomponents-check-box.d.ts +0 -108
- package/types/fundamental-ngx-ui5-webcomponents-color-palette-item.d.ts +0 -27
- package/types/fundamental-ngx-ui5-webcomponents-color-palette-popover.d.ts +0 -78
- package/types/fundamental-ngx-ui5-webcomponents-color-palette.d.ts +0 -42
- package/types/fundamental-ngx-ui5-webcomponents-color-picker.d.ts +0 -35
- package/types/fundamental-ngx-ui5-webcomponents-combo-box-item-group.d.ts +0 -75
- package/types/fundamental-ngx-ui5-webcomponents-combo-box-item.d.ts +0 -22
- package/types/fundamental-ngx-ui5-webcomponents-combo-box.d.ts +0 -138
- package/types/fundamental-ngx-ui5-webcomponents-date-picker.d.ts +0 -178
- package/types/fundamental-ngx-ui5-webcomponents-date-range-picker.d.ts +0 -197
- package/types/fundamental-ngx-ui5-webcomponents-date-time-picker.d.ts +0 -178
- package/types/fundamental-ngx-ui5-webcomponents-dialog.d.ts +0 -144
- package/types/fundamental-ngx-ui5-webcomponents-dynamic-date-range.d.ts +0 -29
- package/types/fundamental-ngx-ui5-webcomponents-expandable-text.d.ts +0 -30
- package/types/fundamental-ngx-ui5-webcomponents-file-uploader.d.ts +0 -136
- package/types/fundamental-ngx-ui5-webcomponents-form-group.d.ts +0 -59
- package/types/fundamental-ngx-ui5-webcomponents-form-item.d.ts +0 -48
- package/types/fundamental-ngx-ui5-webcomponents-form.d.ts +0 -113
- package/types/fundamental-ngx-ui5-webcomponents-icon.d.ts +0 -67
- package/types/fundamental-ngx-ui5-webcomponents-input.d.ts +0 -179
- package/types/fundamental-ngx-ui5-webcomponents-label.d.ts +0 -65
- package/types/fundamental-ngx-ui5-webcomponents-link.d.ts +0 -149
- package/types/fundamental-ngx-ui5-webcomponents-list-item-custom.d.ts +0 -99
- package/types/fundamental-ngx-ui5-webcomponents-list-item-group.d.ts +0 -75
- package/types/fundamental-ngx-ui5-webcomponents-list-item-standard.d.ts +0 -154
- package/types/fundamental-ngx-ui5-webcomponents-list.d.ts +0 -197
- package/types/fundamental-ngx-ui5-webcomponents-menu-item-group.d.ts +0 -42
- package/types/fundamental-ngx-ui5-webcomponents-menu-item.d.ts +0 -183
- package/types/fundamental-ngx-ui5-webcomponents-menu-separator.d.ts +0 -14
- package/types/fundamental-ngx-ui5-webcomponents-menu.d.ts +0 -94
- package/types/fundamental-ngx-ui5-webcomponents-message-strip.d.ts +0 -72
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.d.ts +0 -75
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.d.ts +0 -26
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box.d.ts +0 -154
- package/types/fundamental-ngx-ui5-webcomponents-multi-input.d.ts +0 -196
- package/types/fundamental-ngx-ui5-webcomponents-option-custom.d.ts +0 -55
- package/types/fundamental-ngx-ui5-webcomponents-option.d.ts +0 -64
- package/types/fundamental-ngx-ui5-webcomponents-panel.d.ts +0 -87
- package/types/fundamental-ngx-ui5-webcomponents-popover.d.ts +0 -140
- package/types/fundamental-ngx-ui5-webcomponents-progress-indicator.d.ts +0 -42
- package/types/fundamental-ngx-ui5-webcomponents-radio-button.d.ts +0 -88
- package/types/fundamental-ngx-ui5-webcomponents-range-slider.d.ts +0 -86
- package/types/fundamental-ngx-ui5-webcomponents-rating-indicator.d.ts +0 -66
- package/types/fundamental-ngx-ui5-webcomponents-responsive-popover.d.ts +0 -140
- package/types/fundamental-ngx-ui5-webcomponents-segmented-button-item.d.ts +0 -79
- package/types/fundamental-ngx-ui5-webcomponents-segmented-button.d.ts +0 -81
- package/types/fundamental-ngx-ui5-webcomponents-select.d.ts +0 -155
- package/types/fundamental-ngx-ui5-webcomponents-slider.d.ts +0 -82
- package/types/fundamental-ngx-ui5-webcomponents-special-calendar-date.d.ts +0 -23
- package/types/fundamental-ngx-ui5-webcomponents-split-button.d.ts +0 -96
- package/types/fundamental-ngx-ui5-webcomponents-step-input.d.ts +0 -115
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.d.ts +0 -42
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-group.d.ts +0 -75
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-item.d.ts +0 -22
- package/types/fundamental-ngx-ui5-webcomponents-switch.d.ts +0 -86
- package/types/fundamental-ngx-ui5-webcomponents-tab-container.d.ts +0 -108
- package/types/fundamental-ngx-ui5-webcomponents-tab-separator.d.ts +0 -14
- package/types/fundamental-ngx-ui5-webcomponents-tab.d.ts +0 -80
- package/types/fundamental-ngx-ui5-webcomponents-table-cell.d.ts +0 -41
- package/types/fundamental-ngx-ui5-webcomponents-table-growing.d.ts +0 -43
- package/types/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.d.ts +0 -19
- package/types/fundamental-ngx-ui5-webcomponents-table-header-cell.d.ts +0 -95
- package/types/fundamental-ngx-ui5-webcomponents-table-header-row.d.ts +0 -45
- package/types/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.d.ts +0 -29
- package/types/fundamental-ngx-ui5-webcomponents-table-row-action.d.ts +0 -40
- package/types/fundamental-ngx-ui5-webcomponents-table-row.d.ts +0 -69
- package/types/fundamental-ngx-ui5-webcomponents-table-selection-multi.d.ts +0 -31
- package/types/fundamental-ngx-ui5-webcomponents-table-selection-single.d.ts +0 -27
- package/types/fundamental-ngx-ui5-webcomponents-table-selection.d.ts +0 -27
- package/types/fundamental-ngx-ui5-webcomponents-table-virtualizer.d.ts +0 -37
- package/types/fundamental-ngx-ui5-webcomponents-table.d.ts +0 -117
- package/types/fundamental-ngx-ui5-webcomponents-tag.d.ts +0 -76
- package/types/fundamental-ngx-ui5-webcomponents-text-area.d.ts +0 -150
- package/types/fundamental-ngx-ui5-webcomponents-text.d.ts +0 -45
- package/types/fundamental-ngx-ui5-webcomponents-theming.d.ts +0 -11
- package/types/fundamental-ngx-ui5-webcomponents-time-picker.d.ts +0 -130
- package/types/fundamental-ngx-ui5-webcomponents-title.d.ts +0 -58
- package/types/fundamental-ngx-ui5-webcomponents-toast.d.ts +0 -60
- package/types/fundamental-ngx-ui5-webcomponents-toggle-button.d.ts +0 -153
- package/types/fundamental-ngx-ui5-webcomponents-token.d.ts +0 -47
- package/types/fundamental-ngx-ui5-webcomponents-tokenizer.d.ts +0 -87
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-button.d.ts +0 -112
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-select-option.d.ts +0 -43
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-select.d.ts +0 -100
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-separator.d.ts +0 -24
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-spacer.d.ts +0 -30
- package/types/fundamental-ngx-ui5-webcomponents-toolbar.d.ts +0 -55
- package/types/fundamental-ngx-ui5-webcomponents-tree-item-custom.d.ts +0 -145
- package/types/fundamental-ngx-ui5-webcomponents-tree-item.d.ts +0 -148
- package/types/fundamental-ngx-ui5-webcomponents-tree.d.ts +0 -123
|
@@ -1,226 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, booleanAttribute, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/Popover.js';
|
|
4
|
-
|
|
5
|
-
class Popover {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the header text.
|
|
9
|
-
|
|
10
|
-
**Note:** If `header` slot is provided, the `headerText` is ignored.
|
|
11
|
-
*/
|
|
12
|
-
this.headerText = input(...(ngDevMode ? [undefined, { debugName: "headerText" }] : []));
|
|
13
|
-
/**
|
|
14
|
-
* Determines on which side the component is placed at.
|
|
15
|
-
*/
|
|
16
|
-
this.placement = input("End", ...(ngDevMode ? [{ debugName: "placement" }] : []));
|
|
17
|
-
/**
|
|
18
|
-
* Determines the horizontal alignment of the component.
|
|
19
|
-
*/
|
|
20
|
-
this.horizontalAlign = input("Center", ...(ngDevMode ? [{ debugName: "horizontalAlign" }] : []));
|
|
21
|
-
/**
|
|
22
|
-
* Determines the vertical alignment of the component.
|
|
23
|
-
*/
|
|
24
|
-
this.verticalAlign = input("Center", ...(ngDevMode ? [{ debugName: "verticalAlign" }] : []));
|
|
25
|
-
/**
|
|
26
|
-
* Defines whether the component should close when
|
|
27
|
-
clicking/tapping outside the popover.
|
|
28
|
-
If enabled, it blocks any interaction with the background.
|
|
29
|
-
*/
|
|
30
|
-
this.modal = input(false, { ...(ngDevMode ? { debugName: "modal" } : {}), transform: booleanAttribute });
|
|
31
|
-
/**
|
|
32
|
-
* Determines whether the component arrow is hidden.
|
|
33
|
-
*/
|
|
34
|
-
this.hideArrow = input(false, { ...(ngDevMode ? { debugName: "hideArrow" } : {}), transform: booleanAttribute });
|
|
35
|
-
/**
|
|
36
|
-
* Determines if there is no enough space, the component can be placed
|
|
37
|
-
over the target.
|
|
38
|
-
*/
|
|
39
|
-
this.allowTargetOverlap = input(false, { ...(ngDevMode ? { debugName: "allowTargetOverlap" } : {}), transform: booleanAttribute });
|
|
40
|
-
/**
|
|
41
|
-
* Determines whether the component is resizable.
|
|
42
|
-
**Note:** This property is effective only on desktop devices.
|
|
43
|
-
*/
|
|
44
|
-
this.resizable = input(false, { ...(ngDevMode ? { debugName: "resizable" } : {}), transform: booleanAttribute });
|
|
45
|
-
/**
|
|
46
|
-
* Defines the ID or DOM Reference of the element at which the popover is shown.
|
|
47
|
-
When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
|
|
48
|
-
You can only set the `opener` attribute to a DOM Reference when using JavaScript.
|
|
49
|
-
*/
|
|
50
|
-
this.opener = input(...(ngDevMode ? [undefined, { debugName: "opener" }] : []));
|
|
51
|
-
/**
|
|
52
|
-
* Defines the ID of the HTML Element, which will get the initial focus.
|
|
53
|
-
|
|
54
|
-
**Note:** If an element with `autofocus` attribute is added inside the component,
|
|
55
|
-
`initialFocus` won't take effect.
|
|
56
|
-
*/
|
|
57
|
-
this.initialFocus = input(...(ngDevMode ? [undefined, { debugName: "initialFocus" }] : []));
|
|
58
|
-
/**
|
|
59
|
-
* Defines if the focus should be returned to the previously focused element,
|
|
60
|
-
when the popup closes.
|
|
61
|
-
*/
|
|
62
|
-
this.preventFocusRestore = input(false, { ...(ngDevMode ? { debugName: "preventFocusRestore" } : {}), transform: booleanAttribute });
|
|
63
|
-
/**
|
|
64
|
-
* Defines the accessible name of the component.
|
|
65
|
-
*/
|
|
66
|
-
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
67
|
-
/**
|
|
68
|
-
* Defines the IDs of the elements that label the component.
|
|
69
|
-
*/
|
|
70
|
-
this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
|
|
71
|
-
/**
|
|
72
|
-
* Allows setting a custom role.
|
|
73
|
-
*/
|
|
74
|
-
this.accessibleRole = input("Dialog", ...(ngDevMode ? [{ debugName: "accessibleRole" }] : []));
|
|
75
|
-
/**
|
|
76
|
-
* Defines the accessible description of the component.
|
|
77
|
-
*/
|
|
78
|
-
this.accessibleDescription = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescription" }] : []));
|
|
79
|
-
/**
|
|
80
|
-
* Receives id(or many ids) of the elements that describe the component.
|
|
81
|
-
*/
|
|
82
|
-
this.accessibleDescriptionRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescriptionRef" }] : []));
|
|
83
|
-
/**
|
|
84
|
-
* Indicates whether initial focus should be prevented.
|
|
85
|
-
*/
|
|
86
|
-
this.preventInitialFocus = input(false, { ...(ngDevMode ? { debugName: "preventInitialFocus" } : {}), transform: booleanAttribute });
|
|
87
|
-
/**
|
|
88
|
-
* Indicates if the element is open
|
|
89
|
-
*/
|
|
90
|
-
this.open = input(false, { ...(ngDevMode ? { debugName: "open" } : {}), transform: booleanAttribute }); // className is now passed
|
|
91
|
-
/**
|
|
92
|
-
* Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.
|
|
93
|
-
*/
|
|
94
|
-
this.ui5BeforeOpen = output();
|
|
95
|
-
/**
|
|
96
|
-
* Fired after the component is opened.
|
|
97
|
-
*/
|
|
98
|
-
this.ui5Open = output();
|
|
99
|
-
/**
|
|
100
|
-
* Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.
|
|
101
|
-
*/
|
|
102
|
-
this.ui5BeforeClose = output();
|
|
103
|
-
/**
|
|
104
|
-
* Fired after the component is closed.
|
|
105
|
-
*/
|
|
106
|
-
this.ui5Close = output();
|
|
107
|
-
/**
|
|
108
|
-
* Available slots for content projection in this component.
|
|
109
|
-
*
|
|
110
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
111
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
112
|
-
*
|
|
113
|
-
* - **header**: Defines the header HTML Element.
|
|
114
|
-
* - **footer**: Defines the footer HTML Element.
|
|
115
|
-
* - **(default)**: Defines the content of the Popup.
|
|
116
|
-
*
|
|
117
|
-
* @example
|
|
118
|
-
* ```html
|
|
119
|
-
* <ui5-popover>
|
|
120
|
-
* <div slot="header">Custom header content</div>
|
|
121
|
-
* <p>Default slot content</p>
|
|
122
|
-
* </ui5-popover>
|
|
123
|
-
* ```
|
|
124
|
-
*
|
|
125
|
-
* @readonly
|
|
126
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
127
|
-
*/
|
|
128
|
-
this.slots = [
|
|
129
|
-
{
|
|
130
|
-
"name": "header",
|
|
131
|
-
"description": "Defines the header HTML Element."
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
"name": "footer",
|
|
135
|
-
"description": "Defines the footer HTML Element."
|
|
136
|
-
},
|
|
137
|
-
{
|
|
138
|
-
"name": "default",
|
|
139
|
-
"description": "Defines the content of the Popup."
|
|
140
|
-
}
|
|
141
|
-
];
|
|
142
|
-
this.elementRef = inject(ElementRef);
|
|
143
|
-
this.injector = inject(Injector);
|
|
144
|
-
}
|
|
145
|
-
get element() {
|
|
146
|
-
return this.elementRef.nativeElement;
|
|
147
|
-
}
|
|
148
|
-
ngAfterViewInit() {
|
|
149
|
-
const wcElement = this.element;
|
|
150
|
-
const inputsToSync = [
|
|
151
|
-
'headerText',
|
|
152
|
-
'placement',
|
|
153
|
-
'horizontalAlign',
|
|
154
|
-
'verticalAlign',
|
|
155
|
-
'modal',
|
|
156
|
-
'hideArrow',
|
|
157
|
-
'allowTargetOverlap',
|
|
158
|
-
'resizable',
|
|
159
|
-
'opener',
|
|
160
|
-
'initialFocus',
|
|
161
|
-
'preventFocusRestore',
|
|
162
|
-
'accessibleName',
|
|
163
|
-
'accessibleNameRef',
|
|
164
|
-
'accessibleRole',
|
|
165
|
-
'accessibleDescription',
|
|
166
|
-
'accessibleDescriptionRef',
|
|
167
|
-
'preventInitialFocus',
|
|
168
|
-
'open',
|
|
169
|
-
];
|
|
170
|
-
// Synchronize inputs (properties)
|
|
171
|
-
for (const inputName of inputsToSync) {
|
|
172
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
173
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
174
|
-
// Use the Injector to run the effect in the correct context
|
|
175
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
176
|
-
runInInjectionContext(this.injector, () => {
|
|
177
|
-
effect(() => {
|
|
178
|
-
// Read the signal value
|
|
179
|
-
const value = this[signalName]();
|
|
180
|
-
if (wcElement) {
|
|
181
|
-
// Write the value to the Web Component's property
|
|
182
|
-
wcElement[inputName] = value;
|
|
183
|
-
}
|
|
184
|
-
});
|
|
185
|
-
});
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
const outputsToSync = [
|
|
189
|
-
'ui5BeforeOpen',
|
|
190
|
-
'ui5Open',
|
|
191
|
-
'ui5BeforeClose',
|
|
192
|
-
'ui5Close',
|
|
193
|
-
];
|
|
194
|
-
// Synchronize outputs (events)
|
|
195
|
-
for (const outputName of outputsToSync) {
|
|
196
|
-
// Map Angular output name to UI5 web component event name
|
|
197
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
198
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
199
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
200
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
201
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
202
|
-
this[outputName].emit(e);
|
|
203
|
-
});
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Popover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
208
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Popover, isStandalone: true, selector: "ui5-popover, [ui5-popover]", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, horizontalAlign: { classPropertyName: "horizontalAlign", publicName: "horizontalAlign", isSignal: true, isRequired: false, transformFunction: null }, verticalAlign: { classPropertyName: "verticalAlign", publicName: "verticalAlign", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, hideArrow: { classPropertyName: "hideArrow", publicName: "hideArrow", isSignal: true, isRequired: false, transformFunction: null }, allowTargetOverlap: { classPropertyName: "allowTargetOverlap", publicName: "allowTargetOverlap", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, opener: { classPropertyName: "opener", publicName: "opener", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null }, preventFocusRestore: { classPropertyName: "preventFocusRestore", publicName: "preventFocusRestore", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, accessibleRole: { classPropertyName: "accessibleRole", publicName: "accessibleRole", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescription: { classPropertyName: "accessibleDescription", publicName: "accessibleDescription", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescriptionRef: { classPropertyName: "accessibleDescriptionRef", publicName: "accessibleDescriptionRef", isSignal: true, isRequired: false, transformFunction: null }, preventInitialFocus: { classPropertyName: "preventInitialFocus", publicName: "preventInitialFocus", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5BeforeOpen: "ui5BeforeOpen", ui5Open: "ui5Open", ui5BeforeClose: "ui5BeforeClose", ui5Close: "ui5Close" }, exportAs: ["ui5Popover"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
209
|
-
}
|
|
210
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Popover, decorators: [{
|
|
211
|
-
type: Component,
|
|
212
|
-
args: [{
|
|
213
|
-
standalone: true,
|
|
214
|
-
selector: 'ui5-popover, [ui5-popover]',
|
|
215
|
-
template: '<ng-content></ng-content>',
|
|
216
|
-
exportAs: 'ui5Popover',
|
|
217
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
218
|
-
}]
|
|
219
|
-
}], propDecorators: { headerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerText", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], horizontalAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontalAlign", required: false }] }], verticalAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "verticalAlign", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], hideArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideArrow", required: false }] }], allowTargetOverlap: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowTargetOverlap", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], opener: [{ type: i0.Input, args: [{ isSignal: true, alias: "opener", required: false }] }], initialFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFocus", required: false }] }], preventFocusRestore: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventFocusRestore", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], accessibleRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleRole", required: false }] }], accessibleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescription", required: false }] }], accessibleDescriptionRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescriptionRef", required: false }] }], preventInitialFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventInitialFocus", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], ui5BeforeOpen: [{ type: i0.Output, args: ["ui5BeforeOpen"] }], ui5Open: [{ type: i0.Output, args: ["ui5Open"] }], ui5BeforeClose: [{ type: i0.Output, args: ["ui5BeforeClose"] }], ui5Close: [{ type: i0.Output, args: ["ui5Close"] }] } });
|
|
220
|
-
|
|
221
|
-
/**
|
|
222
|
-
* Generated bundle index. Do not edit.
|
|
223
|
-
*/
|
|
224
|
-
|
|
225
|
-
export { Popover };
|
|
226
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-popover.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-popover.mjs","sources":["../../../../libs/ui5-webcomponents/popover/index.ts","../../../../libs/ui5-webcomponents/popover/fundamental-ngx-ui5-webcomponents-popover.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/Popover.js';\nimport { default as _Popover } from '@ui5/webcomponents/dist/Popover.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as PopoverPlacement } from '@ui5/webcomponents/dist/types/PopoverPlacement.js';\nimport { default as PopoverHorizontalAlign } from '@ui5/webcomponents/dist/types/PopoverHorizontalAlign.js';\nimport { default as PopoverVerticalAlign } from '@ui5/webcomponents/dist/types/PopoverVerticalAlign.js';\nimport { default as PopupAccessibleRole } from '@ui5/webcomponents/dist/types/PopupAccessibleRole.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-popover, [ui5-popover]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5Popover',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Popover implements AfterViewInit {\n\n /**\n * Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.\n */\n headerText = input<typeof _Popover.prototype.headerText | undefined>();\n\n /**\n * Determines on which side the component is placed at.\n */\n placement = input<typeof _Popover.prototype.placement | undefined>(\"End\");\n\n /**\n * Determines the horizontal alignment of the component.\n */\n horizontalAlign = input<typeof _Popover.prototype.horizontalAlign | undefined>(\"Center\");\n\n /**\n * Determines the vertical alignment of the component.\n */\n verticalAlign = input<typeof _Popover.prototype.verticalAlign | undefined>(\"Center\");\n\n /**\n * Defines whether the component should close when\nclicking/tapping outside the popover.\nIf enabled, it blocks any interaction with the background.\n */\n modal = input(false, { transform: booleanAttribute });\n\n /**\n * Determines whether the component arrow is hidden.\n */\n hideArrow = input(false, { transform: booleanAttribute });\n\n /**\n * Determines if there is no enough space, the component can be placed\nover the target.\n */\n allowTargetOverlap = input(false, { transform: booleanAttribute });\n\n /**\n * Determines whether the component is resizable.\n**Note:** This property is effective only on desktop devices.\n */\n resizable = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the ID or DOM Reference of the element at which the popover is shown.\nWhen using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.\nYou can only set the `opener` attribute to a DOM Reference when using JavaScript.\n */\n opener = input<typeof _Popover.prototype.opener | undefined>();\n\n /**\n * Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.\n */\n initialFocus = input<typeof _Popover.prototype.initialFocus | undefined>();\n\n /**\n * Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.\n */\n preventFocusRestore = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the accessible name of the component.\n */\n accessibleName = input<typeof _Popover.prototype.accessibleName | undefined>();\n\n /**\n * Defines the IDs of the elements that label the component.\n */\n accessibleNameRef = input<typeof _Popover.prototype.accessibleNameRef | undefined>();\n\n /**\n * Allows setting a custom role.\n */\n accessibleRole = input<typeof _Popover.prototype.accessibleRole | undefined>(\"Dialog\");\n\n /**\n * Defines the accessible description of the component.\n */\n accessibleDescription = input<typeof _Popover.prototype.accessibleDescription | undefined>();\n\n /**\n * Receives id(or many ids) of the elements that describe the component.\n */\n accessibleDescriptionRef = input<typeof _Popover.prototype.accessibleDescriptionRef | undefined>();\n\n /**\n * Indicates whether initial focus should be prevented.\n */\n preventInitialFocus = input(false, { transform: booleanAttribute });\n\n /**\n * Indicates if the element is open\n */\n open = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n /**\n * Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.\n */\n ui5BeforeOpen = output<UI5CustomEvent<_Popover, 'before-open'>>();\n\n /**\n * Fired after the component is opened.\n */\n ui5Open = output<UI5CustomEvent<_Popover, 'open'>>();\n\n /**\n * Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.\n */\n ui5BeforeClose = output<UI5CustomEvent<_Popover, 'before-close'>>();\n\n /**\n * Fired after the component is closed.\n */\n ui5Close = output<UI5CustomEvent<_Popover, 'close'>>();\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 * - **header**: Defines the header HTML Element.\n * - **footer**: Defines the footer HTML Element.\n * - **(default)**: Defines the content of the Popup.\n * \n * @example\n * ```html\n * <ui5-popover>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-popover>\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\": \"header\",\n \"description\": \"Defines the header HTML Element.\"\n },\n {\n \"name\": \"footer\",\n \"description\": \"Defines the footer HTML Element.\"\n },\n {\n \"name\": \"default\",\n \"description\": \"Defines the content of the Popup.\"\n }\n ];\n\n\n public elementRef: ElementRef<_Popover> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _Popover {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'headerText',\n 'placement',\n 'horizontalAlign',\n 'verticalAlign',\n 'modal',\n 'hideArrow',\n 'allowTargetOverlap',\n 'resizable',\n 'opener',\n 'initialFocus',\n 'preventFocusRestore',\n 'accessibleName',\n 'accessibleNameRef',\n 'accessibleRole',\n 'accessibleDescription',\n 'accessibleDescriptionRef',\n 'preventInitialFocus',\n 'open',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n const outputsToSync = [\n 'ui5BeforeOpen',\n 'ui5Open',\n 'ui5BeforeClose',\n 'ui5Close',\n ];\n \n // Synchronize outputs (events)\n for (const outputName of outputsToSync) {\n // Map Angular output name to UI5 web component event name\n const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n // Ensure the output property exists and has an emit function before adding listener\n if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n // Cast the listener to the correct type to satisfy TypeScript\n wcElement.addEventListener(eventName, (e) => {\n\n this[outputName].emit(e as CustomEvent<any>);\n });\n }\n }\n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,88 +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/ProgressIndicator.js';
|
|
4
|
-
|
|
5
|
-
class ProgressIndicator {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the accessible ARIA name of the component.
|
|
9
|
-
*/
|
|
10
|
-
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
11
|
-
/**
|
|
12
|
-
* Defines whether the component value is shown.
|
|
13
|
-
*/
|
|
14
|
-
this.hideValue = input(false, { ...(ngDevMode ? { debugName: "hideValue" } : {}), transform: booleanAttribute });
|
|
15
|
-
/**
|
|
16
|
-
* Specifies the numerical value in percent for the length of the component.
|
|
17
|
-
|
|
18
|
-
**Note:**
|
|
19
|
-
If a value greater than 100 is provided, the percentValue is set to 100. In other cases of invalid value, percentValue is set to its default of 0.
|
|
20
|
-
*/
|
|
21
|
-
this.value = input(0, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
22
|
-
/**
|
|
23
|
-
* Specifies the text value to be displayed in the bar.
|
|
24
|
-
|
|
25
|
-
**Note:**
|
|
26
|
-
|
|
27
|
-
- If there is no value provided or the value is empty, the default percentage value is shown.
|
|
28
|
-
- If `hideValue` property is `true` both the `displayValue` and `value` property values are not shown.
|
|
29
|
-
*/
|
|
30
|
-
this.displayValue = input(...(ngDevMode ? [undefined, { debugName: "displayValue" }] : []));
|
|
31
|
-
/**
|
|
32
|
-
* Defines the value state of the component.
|
|
33
|
-
*/
|
|
34
|
-
this.valueState = input("None", ...(ngDevMode ? [{ debugName: "valueState" }] : [])); // className is now passed
|
|
35
|
-
this.elementRef = inject(ElementRef);
|
|
36
|
-
this.injector = inject(Injector);
|
|
37
|
-
}
|
|
38
|
-
get element() {
|
|
39
|
-
return this.elementRef.nativeElement;
|
|
40
|
-
}
|
|
41
|
-
ngAfterViewInit() {
|
|
42
|
-
const wcElement = this.element;
|
|
43
|
-
const inputsToSync = [
|
|
44
|
-
'accessibleName',
|
|
45
|
-
'hideValue',
|
|
46
|
-
'value',
|
|
47
|
-
'displayValue',
|
|
48
|
-
'valueState',
|
|
49
|
-
];
|
|
50
|
-
// Synchronize inputs (properties)
|
|
51
|
-
for (const inputName of inputsToSync) {
|
|
52
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
53
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
54
|
-
// Use the Injector to run the effect in the correct context
|
|
55
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
56
|
-
runInInjectionContext(this.injector, () => {
|
|
57
|
-
effect(() => {
|
|
58
|
-
// Read the signal value
|
|
59
|
-
const value = this[signalName]();
|
|
60
|
-
if (wcElement) {
|
|
61
|
-
// Write the value to the Web Component's property
|
|
62
|
-
wcElement[inputName] = value;
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
});
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ProgressIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
70
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ProgressIndicator, isStandalone: true, selector: "ui5-progress-indicator, [ui5-progress-indicator]", inputs: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, hideValue: { classPropertyName: "hideValue", publicName: "hideValue", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, displayValue: { classPropertyName: "displayValue", publicName: "displayValue", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5ProgressIndicator"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
71
|
-
}
|
|
72
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ProgressIndicator, decorators: [{
|
|
73
|
-
type: Component,
|
|
74
|
-
args: [{
|
|
75
|
-
standalone: true,
|
|
76
|
-
selector: 'ui5-progress-indicator, [ui5-progress-indicator]',
|
|
77
|
-
template: '<ng-content></ng-content>',
|
|
78
|
-
exportAs: 'ui5ProgressIndicator',
|
|
79
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
80
|
-
}]
|
|
81
|
-
}], propDecorators: { accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], hideValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideValue", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], displayValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayValue", required: false }] }], valueState: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueState", required: false }] }] } });
|
|
82
|
-
|
|
83
|
-
/**
|
|
84
|
-
* Generated bundle index. Do not edit.
|
|
85
|
-
*/
|
|
86
|
-
|
|
87
|
-
export { ProgressIndicator };
|
|
88
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-progress-indicator.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-progress-indicator.mjs","sources":["../../../../libs/ui5-webcomponents/progress-indicator/index.ts","../../../../libs/ui5-webcomponents/progress-indicator/fundamental-ngx-ui5-webcomponents-progress-indicator.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/ProgressIndicator.js';\nimport { default as _ProgressIndicator } from '@ui5/webcomponents/dist/ProgressIndicator.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as ValueState } from '@ui5/webcomponents-base/dist/types/ValueState.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-progress-indicator, [ui5-progress-indicator]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ProgressIndicator',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ProgressIndicator implements AfterViewInit {\n\n /**\n * Defines the accessible ARIA name of the component.\n */\n accessibleName = input<typeof _ProgressIndicator.prototype.accessibleName | undefined>();\n\n /**\n * Defines whether the component value is shown.\n */\n hideValue = input(false, { transform: booleanAttribute });\n\n /**\n * Specifies the numerical value in percent for the length of the component.\n\n**Note:**\nIf a value greater than 100 is provided, the percentValue is set to 100. In other cases of invalid value, percentValue is set to its default of 0.\n */\n value = input<typeof _ProgressIndicator.prototype.value | undefined>(0);\n\n /**\n * Specifies the text value to be displayed in the bar.\n\n**Note:**\n\n- If there is no value provided or the value is empty, the default percentage value is shown.\n- If `hideValue` property is `true` both the `displayValue` and `value` property values are not shown.\n */\n displayValue = input<typeof _ProgressIndicator.prototype.displayValue | undefined>();\n\n /**\n * Defines the value state of the component.\n */\n valueState = input<typeof _ProgressIndicator.prototype.valueState | undefined>(\"None\"); // className is now passed\n\n\n\n\n\n public elementRef: ElementRef<_ProgressIndicator> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _ProgressIndicator {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'accessibleName',\n 'hideValue',\n 'value',\n 'displayValue',\n 'valueState',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MA8Ba,iBAAiB,CAAA;AAR9B,IAAA,WAAA,GAAA;AAUE;;AAEG;QACH,IAAA,CAAA,cAAc,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAkE;AAExF;;AAEG;QACH,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,sDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEzD;;;;;AAKG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAwD,CAAC,iDAAC;AAEvE;;;;;;;AAOG;QACH,IAAA,CAAA,YAAY,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAgE;AAEpF;;AAEG;AACH,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAA6D,MAAM,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC;AAMhF,QAAA,IAAA,CAAA,UAAU,GAAmC,MAAM,CAAC,UAAU,CAAC;AAC/D,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAyCnC,IAAA;AAvCC,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,gBAAgB;YAChB,WAAW;YACX,OAAO;YACP,cAAc;YACd,YAAY;SACb;;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,MAAK;oBACxC,MAAM,CAAC,MAAK;;AAEV,wBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE;wBAChC,IAAI,SAAS,EAAE;;AAEb,4BAAA,SAAS,CAAC,SAAS,CAAC,GAAG,KAAK;wBAC9B;AACF,oBAAA,CAAC,CAAC;AACJ,gBAAA,CAAC,CAAC;YACJ;QACF;IAKF;8GAhFW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,+zBALlB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAK1B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,kDAAkD;AAC5D,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,sBAAsB;oBAEhC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC7BD;;AAEG;;;;"}
|
|
@@ -1,156 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, booleanAttribute, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/RadioButton.js';
|
|
4
|
-
import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
|
|
5
|
-
import { GenericControlValueAccessor } from '@fundamental-ngx/ui5-webcomponents/utils';
|
|
6
|
-
|
|
7
|
-
class RadioButton {
|
|
8
|
-
constructor() {
|
|
9
|
-
/**
|
|
10
|
-
* Defines whether the component is disabled.
|
|
11
|
-
|
|
12
|
-
**Note:** A disabled component is completely noninteractive.
|
|
13
|
-
*/
|
|
14
|
-
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
15
|
-
/**
|
|
16
|
-
* Defines whether the component is read-only.
|
|
17
|
-
|
|
18
|
-
**Note:** A read-only component isn't editable or selectable.
|
|
19
|
-
However, because it's focusable, it still provides visual feedback upon user interaction.
|
|
20
|
-
*/
|
|
21
|
-
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
|
|
22
|
-
/**
|
|
23
|
-
* Defines whether the component is required.
|
|
24
|
-
*/
|
|
25
|
-
this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
|
|
26
|
-
/**
|
|
27
|
-
* Defines whether the component is checked or not.
|
|
28
|
-
|
|
29
|
-
**Note:** The property value can be changed with user interaction,
|
|
30
|
-
either by clicking/tapping on the component,
|
|
31
|
-
or by using the Space or Enter key.
|
|
32
|
-
|
|
33
|
-
**Note:** Only enabled radio buttons can be checked.
|
|
34
|
-
Read-only radio buttons are not selectable, and therefore are always unchecked.
|
|
35
|
-
*/
|
|
36
|
-
this.checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : {}), transform: booleanAttribute });
|
|
37
|
-
/**
|
|
38
|
-
* Defines the text of the component.
|
|
39
|
-
*/
|
|
40
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
41
|
-
/**
|
|
42
|
-
* Defines the value state of the component.
|
|
43
|
-
*/
|
|
44
|
-
this.valueState = input("None", ...(ngDevMode ? [{ debugName: "valueState" }] : []));
|
|
45
|
-
/**
|
|
46
|
-
* Determines the name by which the component will be identified upon submission in an HTML form.
|
|
47
|
-
|
|
48
|
-
Radio buttons with the same `name` will form a radio button group.
|
|
49
|
-
|
|
50
|
-
**Note:** By this name the component will be identified upon submission in an HTML form.
|
|
51
|
-
|
|
52
|
-
**Note:** The selection can be changed with `ARROW_UP/DOWN` and `ARROW_LEFT/RIGHT` keys between radio buttons in same group.
|
|
53
|
-
|
|
54
|
-
**Note:** Only one radio button can be selected per group.
|
|
55
|
-
*/
|
|
56
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
57
|
-
/**
|
|
58
|
-
* Defines the form value of the component.
|
|
59
|
-
When a form with a radio button group is submitted, the group's value
|
|
60
|
-
will be the value of the currently selected radio button.
|
|
61
|
-
*/
|
|
62
|
-
this.value = input("", ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
63
|
-
/**
|
|
64
|
-
* Defines whether the component text wraps when there is not enough space.
|
|
65
|
-
|
|
66
|
-
**Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
|
|
67
|
-
*/
|
|
68
|
-
this.wrappingType = input("Normal", ...(ngDevMode ? [{ debugName: "wrappingType" }] : []));
|
|
69
|
-
/**
|
|
70
|
-
* Defines the accessible ARIA name of the component.
|
|
71
|
-
*/
|
|
72
|
-
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
73
|
-
/**
|
|
74
|
-
* Defines the IDs of the elements that label the component.
|
|
75
|
-
*/
|
|
76
|
-
this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : [])); // className is now passed
|
|
77
|
-
/**
|
|
78
|
-
* Fired when the component checked state changes.
|
|
79
|
-
*/
|
|
80
|
-
this.ui5Change = output();
|
|
81
|
-
this.elementRef = inject(ElementRef);
|
|
82
|
-
this.injector = inject(Injector);
|
|
83
|
-
}
|
|
84
|
-
get element() {
|
|
85
|
-
return this.elementRef.nativeElement;
|
|
86
|
-
}
|
|
87
|
-
ngAfterViewInit() {
|
|
88
|
-
const wcElement = this.element;
|
|
89
|
-
const inputsToSync = [
|
|
90
|
-
'disabled',
|
|
91
|
-
'readonly',
|
|
92
|
-
'required',
|
|
93
|
-
'checked',
|
|
94
|
-
'text',
|
|
95
|
-
'valueState',
|
|
96
|
-
'name',
|
|
97
|
-
'value',
|
|
98
|
-
'wrappingType',
|
|
99
|
-
'accessibleName',
|
|
100
|
-
'accessibleNameRef',
|
|
101
|
-
];
|
|
102
|
-
// Synchronize inputs (properties)
|
|
103
|
-
for (const inputName of inputsToSync) {
|
|
104
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
105
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
106
|
-
// Use the Injector to run the effect in the correct context
|
|
107
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
108
|
-
runInInjectionContext(this.injector, () => {
|
|
109
|
-
effect(() => {
|
|
110
|
-
// Read the signal value
|
|
111
|
-
const value = this[signalName]();
|
|
112
|
-
if (wcElement) {
|
|
113
|
-
// Write the value to the Web Component's property
|
|
114
|
-
wcElement[inputName] = value;
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
const outputsToSync = [
|
|
121
|
-
'ui5Change',
|
|
122
|
-
];
|
|
123
|
-
// Synchronize outputs (events)
|
|
124
|
-
for (const outputName of outputsToSync) {
|
|
125
|
-
// Map Angular output name to UI5 web component event name
|
|
126
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
127
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
128
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
129
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
130
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
131
|
-
this[outputName].emit(e);
|
|
132
|
-
});
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RadioButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
137
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: RadioButton, isStandalone: true, selector: "ui5-radio-button, [ui5-radio-button]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, wrappingType: { classPropertyName: "wrappingType", publicName: "wrappingType", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, exportAs: ["ui5RadioButton"], hostDirectives: [{ directive: i1.GenericControlValueAccessor }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
138
|
-
}
|
|
139
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RadioButton, decorators: [{
|
|
140
|
-
type: Component,
|
|
141
|
-
args: [{
|
|
142
|
-
standalone: true,
|
|
143
|
-
selector: 'ui5-radio-button, [ui5-radio-button]',
|
|
144
|
-
template: '<ng-content></ng-content>',
|
|
145
|
-
exportAs: 'ui5RadioButton',
|
|
146
|
-
hostDirectives: [GenericControlValueAccessor],
|
|
147
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
148
|
-
}]
|
|
149
|
-
}], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], valueState: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueState", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], wrappingType: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrappingType", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
|
|
150
|
-
|
|
151
|
-
/**
|
|
152
|
-
* Generated bundle index. Do not edit.
|
|
153
|
-
*/
|
|
154
|
-
|
|
155
|
-
export { RadioButton };
|
|
156
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-radio-button.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-radio-button.mjs","sources":["../../../../libs/ui5-webcomponents/radio-button/index.ts","../../../../libs/ui5-webcomponents/radio-button/fundamental-ngx-ui5-webcomponents-radio-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} from '@angular/core';\nimport '@ui5/webcomponents/dist/RadioButton.js';\nimport { default as _RadioButton } from '@ui5/webcomponents/dist/RadioButton.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport { GenericControlValueAccessor } from '@fundamental-ngx/ui5-webcomponents/utils';\nimport { default as ValueState } from '@ui5/webcomponents-base/dist/types/ValueState.js';\nimport { default as WrappingType } from '@ui5/webcomponents/dist/types/WrappingType.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-radio-button, [ui5-radio-button]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5RadioButton',\n hostDirectives: [GenericControlValueAccessor],\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RadioButton implements AfterViewInit {\n\n /**\n * Defines whether the component is disabled.\n\n**Note:** A disabled component is completely noninteractive.\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the component is read-only.\n\n**Note:** A read-only component isn't editable or selectable.\nHowever, because it's focusable, it still provides visual feedback upon user interaction.\n */\n readonly = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the component is required.\n */\n required = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the component is checked or not.\n\n**Note:** The property value can be changed with user interaction,\neither by clicking/tapping on the component,\nor by using the Space or Enter key.\n\n**Note:** Only enabled radio buttons can be checked.\nRead-only radio buttons are not selectable, and therefore are always unchecked.\n */\n checked = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the text of the component.\n */\n text = input<typeof _RadioButton.prototype.text | undefined>();\n\n /**\n * Defines the value state of the component.\n */\n valueState = input<typeof _RadioButton.prototype.valueState | undefined>(\"None\");\n\n /**\n * Determines the name by which the component will be identified upon submission in an HTML form.\n\nRadio buttons with the same `name` will form a radio button group.\n\n**Note:** By this name the component will be identified upon submission in an HTML form.\n\n**Note:** The selection can be changed with `ARROW_UP/DOWN` and `ARROW_LEFT/RIGHT` keys between radio buttons in same group.\n\n**Note:** Only one radio button can be selected per group.\n */\n name = input<typeof _RadioButton.prototype.name | undefined>();\n\n /**\n * Defines the form value of the component.\nWhen a form with a radio button group is submitted, the group's value\nwill be the value of the currently selected radio button.\n */\n value = input<typeof _RadioButton.prototype.value | undefined>(\"\");\n\n /**\n * Defines whether the component text wraps when there is not enough space.\n\n**Note:** for option \"Normal\" the text will wrap and the words will not be broken based on hyphenation.\n */\n wrappingType = input<typeof _RadioButton.prototype.wrappingType | undefined>(\"Normal\");\n\n /**\n * Defines the accessible ARIA name of the component.\n */\n accessibleName = input<typeof _RadioButton.prototype.accessibleName | undefined>();\n\n /**\n * Defines the IDs of the elements that label the component.\n */\n accessibleNameRef = input<typeof _RadioButton.prototype.accessibleNameRef | undefined>(); // className is now passed\n\n\n\n /**\n * Fired when the component checked state changes.\n */\n ui5Change = output<UI5CustomEvent<_RadioButton, 'change'>>();\n\n\n public elementRef: ElementRef<_RadioButton> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _RadioButton {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'disabled',\n 'readonly',\n 'required',\n 'checked',\n 'text',\n 'valueState',\n 'name',\n 'value',\n 'wrappingType',\n 'accessibleName',\n 'accessibleNameRef',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n const outputsToSync = [\n 'ui5Change',\n ];\n \n // Synchronize outputs (events)\n for (const outputName of outputsToSync) {\n // Map Angular output name to UI5 web component event name\n const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n // Ensure the output property exists and has an emit function before adding listener\n if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n // Cast the listener to the correct type to satisfy TypeScript\n wcElement.addEventListener(eventName, (e) => {\n\n this[outputName].emit(e as CustomEvent<any>);\n });\n }\n }\n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|