@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,102 +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/OptionCustom.js';
|
|
4
|
-
|
|
5
|
-
class OptionCustom {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the text, displayed inside the `ui5-select` input filed
|
|
9
|
-
when the option gets selected.
|
|
10
|
-
*/
|
|
11
|
-
this.displayText = input(...(ngDevMode ? [undefined, { debugName: "displayText" }] : []));
|
|
12
|
-
/**
|
|
13
|
-
* Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.
|
|
14
|
-
For more information on HTML Form support, see the `name` property of `ui5-select`.
|
|
15
|
-
*/
|
|
16
|
-
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
17
|
-
/**
|
|
18
|
-
* Defines the tooltip of the option.
|
|
19
|
-
*/
|
|
20
|
-
this.tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
|
|
21
|
-
/**
|
|
22
|
-
* Defines the selected state of the component.
|
|
23
|
-
*/
|
|
24
|
-
this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : {}), transform: booleanAttribute }); // className is now passed
|
|
25
|
-
/**
|
|
26
|
-
* Available slots for content projection in this component.
|
|
27
|
-
*
|
|
28
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
29
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
30
|
-
*
|
|
31
|
-
* - **(default)**: Defines the content of the component.
|
|
32
|
-
*
|
|
33
|
-
* @example
|
|
34
|
-
* ```html
|
|
35
|
-
* <ui5-option-custom>
|
|
36
|
-
* <div slot="header">Custom header content</div>
|
|
37
|
-
* <p>Default slot content</p>
|
|
38
|
-
* </ui5-option-custom>
|
|
39
|
-
* ```
|
|
40
|
-
*
|
|
41
|
-
* @readonly
|
|
42
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
43
|
-
*/
|
|
44
|
-
this.slots = [
|
|
45
|
-
{
|
|
46
|
-
"name": "default",
|
|
47
|
-
"description": "Defines the content of the component."
|
|
48
|
-
}
|
|
49
|
-
];
|
|
50
|
-
this.elementRef = inject(ElementRef);
|
|
51
|
-
this.injector = inject(Injector);
|
|
52
|
-
}
|
|
53
|
-
get element() {
|
|
54
|
-
return this.elementRef.nativeElement;
|
|
55
|
-
}
|
|
56
|
-
ngAfterViewInit() {
|
|
57
|
-
const wcElement = this.element;
|
|
58
|
-
const inputsToSync = [
|
|
59
|
-
'displayText',
|
|
60
|
-
'value',
|
|
61
|
-
'tooltip',
|
|
62
|
-
'selected',
|
|
63
|
-
];
|
|
64
|
-
// Synchronize inputs (properties)
|
|
65
|
-
for (const inputName of inputsToSync) {
|
|
66
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
67
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
68
|
-
// Use the Injector to run the effect in the correct context
|
|
69
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
70
|
-
runInInjectionContext(this.injector, () => {
|
|
71
|
-
effect(() => {
|
|
72
|
-
// Read the signal value
|
|
73
|
-
const value = this[signalName]();
|
|
74
|
-
if (wcElement) {
|
|
75
|
-
// Write the value to the Web Component's property
|
|
76
|
-
wcElement[inputName] = value;
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: OptionCustom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
84
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: OptionCustom, isStandalone: true, selector: "ui5-option-custom, [ui5-option-custom]", inputs: { displayText: { classPropertyName: "displayText", publicName: "displayText", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5OptionCustom"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
85
|
-
}
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: OptionCustom, decorators: [{
|
|
87
|
-
type: Component,
|
|
88
|
-
args: [{
|
|
89
|
-
standalone: true,
|
|
90
|
-
selector: 'ui5-option-custom, [ui5-option-custom]',
|
|
91
|
-
template: '<ng-content></ng-content>',
|
|
92
|
-
exportAs: 'ui5OptionCustom',
|
|
93
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
94
|
-
}]
|
|
95
|
-
}], propDecorators: { displayText: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayText", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }] } });
|
|
96
|
-
|
|
97
|
-
/**
|
|
98
|
-
* Generated bundle index. Do not edit.
|
|
99
|
-
*/
|
|
100
|
-
|
|
101
|
-
export { OptionCustom };
|
|
102
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-option-custom.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-option-custom.mjs","sources":["../../../../libs/ui5-webcomponents/option-custom/index.ts","../../../../libs/ui5-webcomponents/option-custom/fundamental-ngx-ui5-webcomponents-option-custom.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/OptionCustom.js';\nimport { default as _OptionCustom } from '@ui5/webcomponents/dist/OptionCustom.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-option-custom, [ui5-option-custom]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5OptionCustom',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class OptionCustom implements AfterViewInit {\n\n /**\n * Defines the text, displayed inside the `ui5-select` input filed\nwhen the option gets selected.\n */\n displayText = input<typeof _OptionCustom.prototype.displayText | undefined>();\n\n /**\n * Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.\nFor more information on HTML Form support, see the `name` property of `ui5-select`.\n */\n value = input<typeof _OptionCustom.prototype.value | undefined>();\n\n /**\n * Defines the tooltip of the option.\n */\n tooltip = input<typeof _OptionCustom.prototype.tooltip | undefined>();\n\n /**\n * Defines the selected state of the component.\n */\n selected = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n\n /**\n * Available slots for content projection in this component.\n * \n * Slots allow you to insert custom content into predefined areas of the web component.\n * Use the `slot` attribute on child elements to target specific slots.\n * \n * - **(default)**: Defines the content of the component.\n * \n * @example\n * ```html\n * <ui5-option-custom>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-option-custom>\n * ```\n * \n * @readonly\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n */\n readonly slots = [\n {\n \"name\": \"default\",\n \"description\": \"Defines the content of the component.\"\n }\n ];\n\n\n public elementRef: ElementRef<_OptionCustom> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _OptionCustom {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'displayText',\n 'value',\n 'tooltip',\n 'selected',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n \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,112 +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/Option.js';
|
|
4
|
-
|
|
5
|
-
class Option {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.
|
|
9
|
-
For more information on HTML Form support, see the `name` property of `ui5-select`.
|
|
10
|
-
*/
|
|
11
|
-
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
12
|
-
/**
|
|
13
|
-
* Defines the `icon` source URI.
|
|
14
|
-
|
|
15
|
-
**Note:**
|
|
16
|
-
SAP-icons font provides numerous built-in icons. To find all the available icons, see the
|
|
17
|
-
[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
18
|
-
*/
|
|
19
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
20
|
-
/**
|
|
21
|
-
* Defines the `additionalText`, displayed in the end of the option.
|
|
22
|
-
*/
|
|
23
|
-
this.additionalText = input(...(ngDevMode ? [undefined, { debugName: "additionalText" }] : []));
|
|
24
|
-
/**
|
|
25
|
-
* Defines the tooltip of the option.
|
|
26
|
-
*/
|
|
27
|
-
this.tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
|
|
28
|
-
/**
|
|
29
|
-
* Defines the selected state of the component.
|
|
30
|
-
*/
|
|
31
|
-
this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : {}), transform: booleanAttribute }); // className is now passed
|
|
32
|
-
/**
|
|
33
|
-
* Available slots for content projection in this component.
|
|
34
|
-
*
|
|
35
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
36
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
37
|
-
*
|
|
38
|
-
* - **(default)**: Defines the text of the component.
|
|
39
|
-
|
|
40
|
-
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
41
|
-
*
|
|
42
|
-
* @example
|
|
43
|
-
* ```html
|
|
44
|
-
* <ui5-option>
|
|
45
|
-
* <div slot="header">Custom header content</div>
|
|
46
|
-
* <p>Default slot content</p>
|
|
47
|
-
* </ui5-option>
|
|
48
|
-
* ```
|
|
49
|
-
*
|
|
50
|
-
* @readonly
|
|
51
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
52
|
-
*/
|
|
53
|
-
this.slots = [
|
|
54
|
-
{
|
|
55
|
-
"name": "default",
|
|
56
|
-
"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."
|
|
57
|
-
}
|
|
58
|
-
];
|
|
59
|
-
this.elementRef = inject(ElementRef);
|
|
60
|
-
this.injector = inject(Injector);
|
|
61
|
-
}
|
|
62
|
-
get element() {
|
|
63
|
-
return this.elementRef.nativeElement;
|
|
64
|
-
}
|
|
65
|
-
ngAfterViewInit() {
|
|
66
|
-
const wcElement = this.element;
|
|
67
|
-
const inputsToSync = [
|
|
68
|
-
'value',
|
|
69
|
-
'icon',
|
|
70
|
-
'additionalText',
|
|
71
|
-
'tooltip',
|
|
72
|
-
'selected',
|
|
73
|
-
];
|
|
74
|
-
// Synchronize inputs (properties)
|
|
75
|
-
for (const inputName of inputsToSync) {
|
|
76
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
77
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
78
|
-
// Use the Injector to run the effect in the correct context
|
|
79
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
80
|
-
runInInjectionContext(this.injector, () => {
|
|
81
|
-
effect(() => {
|
|
82
|
-
// Read the signal value
|
|
83
|
-
const value = this[signalName]();
|
|
84
|
-
if (wcElement) {
|
|
85
|
-
// Write the value to the Web Component's property
|
|
86
|
-
wcElement[inputName] = value;
|
|
87
|
-
}
|
|
88
|
-
});
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Option, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
94
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Option, isStandalone: true, selector: "ui5-option, [ui5-option]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, additionalText: { classPropertyName: "additionalText", publicName: "additionalText", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5Option"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
95
|
-
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Option, decorators: [{
|
|
97
|
-
type: Component,
|
|
98
|
-
args: [{
|
|
99
|
-
standalone: true,
|
|
100
|
-
selector: 'ui5-option, [ui5-option]',
|
|
101
|
-
template: '<ng-content></ng-content>',
|
|
102
|
-
exportAs: 'ui5Option',
|
|
103
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
104
|
-
}]
|
|
105
|
-
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], additionalText: [{ type: i0.Input, args: [{ isSignal: true, alias: "additionalText", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }] } });
|
|
106
|
-
|
|
107
|
-
/**
|
|
108
|
-
* Generated bundle index. Do not edit.
|
|
109
|
-
*/
|
|
110
|
-
|
|
111
|
-
export { Option };
|
|
112
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-option.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-option.mjs","sources":["../../../../libs/ui5-webcomponents/option/index.ts","../../../../libs/ui5-webcomponents/option/fundamental-ngx-ui5-webcomponents-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/Option.js';\nimport { default as _Option } from '@ui5/webcomponents/dist/Option.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-option, [ui5-option]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5Option',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Option implements AfterViewInit {\n\n /**\n * Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.\nFor more information on HTML Form support, see the `name` property of `ui5-select`.\n */\n value = input<typeof _Option.prototype.value | undefined>();\n\n /**\n * Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-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 _Option.prototype.icon | undefined>();\n\n /**\n * Defines the `additionalText`, displayed in the end of the option.\n */\n additionalText = input<typeof _Option.prototype.additionalText | undefined>();\n\n /**\n * Defines the tooltip of the option.\n */\n tooltip = input<typeof _Option.prototype.tooltip | undefined>();\n\n /**\n * Defines the selected state of the component.\n */\n selected = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n\n /**\n * Available slots for content projection in this component.\n * \n * Slots allow you to insert custom content into predefined areas of the web component.\n * Use the `slot` attribute on child elements to target specific slots.\n * \n * - **(default)**: Defines the 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-option>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-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<_Option> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _Option {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'value',\n 'icon',\n 'additionalText',\n 'tooltip',\n 'selected',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n \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,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/Panel.js';
|
|
4
|
-
|
|
5
|
-
class Panel {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* This property is used to set the header text of the component.
|
|
9
|
-
The text is visible in both expanded and collapsed states.
|
|
10
|
-
|
|
11
|
-
**Note:** This property is overridden by the `header` slot.
|
|
12
|
-
*/
|
|
13
|
-
this.headerText = input(...(ngDevMode ? [undefined, { debugName: "headerText" }] : []));
|
|
14
|
-
/**
|
|
15
|
-
* Determines whether the component is in a fixed state that is not
|
|
16
|
-
expandable/collapsible by user interaction.
|
|
17
|
-
*/
|
|
18
|
-
this.fixed = input(false, { ...(ngDevMode ? { debugName: "fixed" } : {}), transform: booleanAttribute });
|
|
19
|
-
/**
|
|
20
|
-
* Indicates whether the component is collapsed and only the header is displayed.
|
|
21
|
-
*/
|
|
22
|
-
this.collapsed = input(false, { ...(ngDevMode ? { debugName: "collapsed" } : {}), transform: booleanAttribute });
|
|
23
|
-
/**
|
|
24
|
-
* Indicates whether the transition between the expanded and the collapsed state of the component is animated. By default the animation is enabled.
|
|
25
|
-
*/
|
|
26
|
-
this.noAnimation = input(false, { ...(ngDevMode ? { debugName: "noAnimation" } : {}), transform: booleanAttribute });
|
|
27
|
-
/**
|
|
28
|
-
* Sets the accessible ARIA role of the component.
|
|
29
|
-
Depending on the usage, you can change the role from the default `Form`
|
|
30
|
-
to `Region` or `Complementary`.
|
|
31
|
-
*/
|
|
32
|
-
this.accessibleRole = input("Form", ...(ngDevMode ? [{ debugName: "accessibleRole" }] : []));
|
|
33
|
-
/**
|
|
34
|
-
* Defines the "aria-level" of component heading,
|
|
35
|
-
set by the `headerText`.
|
|
36
|
-
*/
|
|
37
|
-
this.headerLevel = input("H2", ...(ngDevMode ? [{ debugName: "headerLevel" }] : []));
|
|
38
|
-
/**
|
|
39
|
-
* Defines the accessible ARIA name of the component.
|
|
40
|
-
*/
|
|
41
|
-
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
42
|
-
/**
|
|
43
|
-
* Indicates whether the Panel header is sticky or not.
|
|
44
|
-
If stickyHeader is set to true, then whenever you scroll the content or
|
|
45
|
-
the application, the header of the panel will be always visible and
|
|
46
|
-
a solid color will be used for its design.
|
|
47
|
-
*/
|
|
48
|
-
this.stickyHeader = input(false, { ...(ngDevMode ? { debugName: "stickyHeader" } : {}), transform: booleanAttribute }); // className is now passed
|
|
49
|
-
/**
|
|
50
|
-
* Fired when the component is expanded/collapsed by user interaction.
|
|
51
|
-
*/
|
|
52
|
-
this.ui5Toggle = output();
|
|
53
|
-
/**
|
|
54
|
-
* Available slots for content projection in this component.
|
|
55
|
-
*
|
|
56
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
57
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
58
|
-
*
|
|
59
|
-
* - **(default)**: Defines the content of the component. The content is visible only when the component is expanded.
|
|
60
|
-
* - **header**: Defines the component header area.
|
|
61
|
-
|
|
62
|
-
**Note:** When a header is provided, the `headerText` property is ignored.
|
|
63
|
-
*
|
|
64
|
-
* @example
|
|
65
|
-
* ```html
|
|
66
|
-
* <ui5-panel>
|
|
67
|
-
* <div slot="header">Custom header content</div>
|
|
68
|
-
* <p>Default slot content</p>
|
|
69
|
-
* </ui5-panel>
|
|
70
|
-
* ```
|
|
71
|
-
*
|
|
72
|
-
* @readonly
|
|
73
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
74
|
-
*/
|
|
75
|
-
this.slots = [
|
|
76
|
-
{
|
|
77
|
-
"name": "default",
|
|
78
|
-
"description": "Defines the content of the component. The content is visible only when the component is expanded."
|
|
79
|
-
},
|
|
80
|
-
{
|
|
81
|
-
"name": "header",
|
|
82
|
-
"description": "Defines the component header area.\n\n**Note:** When a header is provided, the `headerText` property is ignored."
|
|
83
|
-
}
|
|
84
|
-
];
|
|
85
|
-
this.elementRef = inject(ElementRef);
|
|
86
|
-
this.injector = inject(Injector);
|
|
87
|
-
}
|
|
88
|
-
get element() {
|
|
89
|
-
return this.elementRef.nativeElement;
|
|
90
|
-
}
|
|
91
|
-
ngAfterViewInit() {
|
|
92
|
-
const wcElement = this.element;
|
|
93
|
-
const inputsToSync = [
|
|
94
|
-
'headerText',
|
|
95
|
-
'fixed',
|
|
96
|
-
'collapsed',
|
|
97
|
-
'noAnimation',
|
|
98
|
-
'accessibleRole',
|
|
99
|
-
'headerLevel',
|
|
100
|
-
'accessibleName',
|
|
101
|
-
'stickyHeader',
|
|
102
|
-
];
|
|
103
|
-
// Synchronize inputs (properties)
|
|
104
|
-
for (const inputName of inputsToSync) {
|
|
105
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
106
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
107
|
-
// Use the Injector to run the effect in the correct context
|
|
108
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
109
|
-
runInInjectionContext(this.injector, () => {
|
|
110
|
-
effect(() => {
|
|
111
|
-
// Read the signal value
|
|
112
|
-
const value = this[signalName]();
|
|
113
|
-
if (wcElement) {
|
|
114
|
-
// Write the value to the Web Component's property
|
|
115
|
-
wcElement[inputName] = value;
|
|
116
|
-
}
|
|
117
|
-
});
|
|
118
|
-
});
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
const outputsToSync = [
|
|
122
|
-
'ui5Toggle',
|
|
123
|
-
];
|
|
124
|
-
// Synchronize outputs (events)
|
|
125
|
-
for (const outputName of outputsToSync) {
|
|
126
|
-
// Map Angular output name to UI5 web component event name
|
|
127
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
128
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
129
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
130
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
131
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
132
|
-
this[outputName].emit(e);
|
|
133
|
-
});
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Panel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
138
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Panel, isStandalone: true, selector: "ui5-panel, [ui5-panel]", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, noAnimation: { classPropertyName: "noAnimation", publicName: "noAnimation", isSignal: true, isRequired: false, transformFunction: null }, accessibleRole: { classPropertyName: "accessibleRole", publicName: "accessibleRole", isSignal: true, isRequired: false, transformFunction: null }, headerLevel: { classPropertyName: "headerLevel", publicName: "headerLevel", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Toggle: "ui5Toggle" }, exportAs: ["ui5Panel"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
139
|
-
}
|
|
140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Panel, decorators: [{
|
|
141
|
-
type: Component,
|
|
142
|
-
args: [{
|
|
143
|
-
standalone: true,
|
|
144
|
-
selector: 'ui5-panel, [ui5-panel]',
|
|
145
|
-
template: '<ng-content></ng-content>',
|
|
146
|
-
exportAs: 'ui5Panel',
|
|
147
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
148
|
-
}]
|
|
149
|
-
}], propDecorators: { headerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerText", required: false }] }], fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixed", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], noAnimation: [{ type: i0.Input, args: [{ isSignal: true, alias: "noAnimation", required: false }] }], accessibleRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleRole", required: false }] }], headerLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerLevel", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], ui5Toggle: [{ type: i0.Output, args: ["ui5Toggle"] }] } });
|
|
150
|
-
|
|
151
|
-
/**
|
|
152
|
-
* Generated bundle index. Do not edit.
|
|
153
|
-
*/
|
|
154
|
-
|
|
155
|
-
export { Panel };
|
|
156
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-panel.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-panel.mjs","sources":["../../../../libs/ui5-webcomponents/panel/index.ts","../../../../libs/ui5-webcomponents/panel/fundamental-ngx-ui5-webcomponents-panel.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/Panel.js';\nimport { default as _Panel } from '@ui5/webcomponents/dist/Panel.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as PanelAccessibleRole } from '@ui5/webcomponents/dist/types/PanelAccessibleRole.js';\nimport { default as TitleLevel } from '@ui5/webcomponents/dist/types/TitleLevel.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-panel, [ui5-panel]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5Panel',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Panel implements AfterViewInit {\n\n /**\n * This property is used to set the header text of the component.\nThe text is visible in both expanded and collapsed states.\n\n**Note:** This property is overridden by the `header` slot.\n */\n headerText = input<typeof _Panel.prototype.headerText | undefined>();\n\n /**\n * Determines whether the component is in a fixed state that is not\nexpandable/collapsible by user interaction.\n */\n fixed = input(false, { transform: booleanAttribute });\n\n /**\n * Indicates whether the component is collapsed and only the header is displayed.\n */\n collapsed = input(false, { transform: booleanAttribute });\n\n /**\n * Indicates whether the transition between the expanded and the collapsed state of the component is animated. By default the animation is enabled.\n */\n noAnimation = input(false, { transform: booleanAttribute });\n\n /**\n * Sets the accessible ARIA role of the component.\nDepending on the usage, you can change the role from the default `Form`\nto `Region` or `Complementary`.\n */\n accessibleRole = input<typeof _Panel.prototype.accessibleRole | undefined>(\"Form\");\n\n /**\n * Defines the \"aria-level\" of component heading,\nset by the `headerText`.\n */\n headerLevel = input<typeof _Panel.prototype.headerLevel | undefined>(\"H2\");\n\n /**\n * Defines the accessible ARIA name of the component.\n */\n accessibleName = input<typeof _Panel.prototype.accessibleName | undefined>();\n\n /**\n * Indicates whether the Panel header is sticky or not.\nIf stickyHeader is set to true, then whenever you scroll the content or\nthe application, the header of the panel will be always visible and\na solid color will be used for its design.\n */\n stickyHeader = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n /**\n * Fired when the component is expanded/collapsed by user interaction.\n */\n ui5Toggle = output<UI5CustomEvent<_Panel, 'toggle'>>();\n\n /**\n * Available slots for content projection in this component.\n * \n * Slots allow you to insert custom content into predefined areas of the web component.\n * Use the `slot` attribute on child elements to target specific slots.\n * \n * - **(default)**: Defines the content of the component. The content is visible only when the component is expanded.\n * - **header**: Defines the component header area.\n\n**Note:** When a header is provided, the `headerText` property is ignored.\n * \n * @example\n * ```html\n * <ui5-panel>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-panel>\n * ```\n * \n * @readonly\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n */\n readonly slots = [\n {\n \"name\": \"default\",\n \"description\": \"Defines the content of the component. The content is visible only when the component is expanded.\"\n },\n {\n \"name\": \"header\",\n \"description\": \"Defines the component header area.\\n\\n**Note:** When a header is provided, the `headerText` property is ignored.\"\n }\n ];\n\n\n public elementRef: ElementRef<_Panel> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _Panel {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'headerText',\n 'fixed',\n 'collapsed',\n 'noAnimation',\n 'accessibleRole',\n 'headerLevel',\n 'accessibleName',\n 'stickyHeader',\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 'ui5Toggle',\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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"}
|