@fundamental-ngx/ui5-webcomponents 0.59.2-rc.0 → 0.59.2
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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-time-picker.mjs","sources":["../../../../libs/ui5-webcomponents/time-picker/index.ts","../../../../libs/ui5-webcomponents/time-picker/fundamental-ngx-ui5-webcomponents-time-picker.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/TimePicker.js';\nimport { default as _TimePicker } from '@ui5/webcomponents/dist/TimePicker.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';\n\n@Component({\n standalone: true,\n selector: 'ui5-time-picker, [ui5-time-picker]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TimePicker',\n hostDirectives: [GenericControlValueAccessor],\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TimePicker implements AfterViewInit {\n\n /**\n * Defines a formatted time value.\n */\n value = input<typeof _TimePicker.prototype.value | undefined>(\"\");\n\n /**\n * Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.\n */\n name = input<typeof _TimePicker.prototype.name | undefined>();\n\n /**\n * Defines the value state of the component.\n */\n valueState = input<typeof _TimePicker.prototype.valueState | undefined>(\"None\");\n\n /**\n * Defines the disabled state of the comonent.\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the readonly state of the comonent.\n */\n readonly = input(false, { transform: booleanAttribute });\n\n /**\n * Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.\n */\n placeholder = input<typeof _TimePicker.prototype.placeholder | undefined>();\n\n /**\n * Determines the format, displayed in the input field.\n\nExample:\nHH:mm:ss -> 11:42:35\nhh:mm:ss a -> 2:23:15 PM\nmm:ss -> 12:04 (only minutes and seconds)\n */\n formatPattern = input<typeof _TimePicker.prototype.formatPattern | undefined>();\n\n /**\n * Defines the open or closed state of the popover.\n */\n open = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the component is required.\n */\n required = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the aria-label attribute for the component.\n */\n accessibleName = input<typeof _TimePicker.prototype.accessibleName | undefined>();\n\n /**\n * Receives id (or many ids) of the elements that label the component.\n */\n accessibleNameRef = input<typeof _TimePicker.prototype.accessibleNameRef | undefined>();\n\n /**\n * Defines the accessible description of the component.\n */\n accessibleDescription = input<typeof _TimePicker.prototype.accessibleDescription | undefined>();\n\n /**\n * Receives id(or many ids) of the elements that describe the input.\n */\n accessibleDescriptionRef = input<typeof _TimePicker.prototype.accessibleDescriptionRef | undefined>(); // className is now passed\n\n /**\n * Currently selected time represented as JavaScript Date instance\n * @readonly This property is managed by the web component.\n */\n get dateValue(): Date | null {\n return this.element?.dateValue ?? null;\n }\n\n\n /**\n * Fired when the input operation has finished by clicking the \"OK\" button or\nwhen the text in the input field has changed and the focus leaves the input field.\n */\n ui5Change = output<UI5CustomEvent<_TimePicker, 'change'>>();\n\n /**\n * Fired when the value of the `ui5-time-picker` is changed at each key stroke.\n */\n ui5Input = output<UI5CustomEvent<_TimePicker, 'input'>>();\n\n /**\n * Fired after the value-help dialog of the component is opened.\n */\n ui5Open = output<UI5CustomEvent<_TimePicker, 'open'>>();\n\n /**\n * Fired after the value-help dialog of the component is closed.\n */\n ui5Close = output<UI5CustomEvent<_TimePicker, '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 * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the `ui5-time-picker`.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the `ui5-time-picker` is in `Information`, `Critical` or `Negative` value state.\n * \n * @example\n * ```html\n * <ui5-time-picker>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-time-picker>\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\": \"valueStateMessage\",\n \"description\": \"Defines the value state message that will be displayed as pop up under the `ui5-time-picker`.\\n\\n**Note:** If not specified, a default text (in the respective language) will be displayed.\\n\\n**Note:** The `valueStateMessage` would be displayed,\\nwhen the `ui5-time-picker` is in `Information`, `Critical` or `Negative` value state.\",\n \"since\": \"1.0.0-rc.8\"\n }\n ];\n\n\n public elementRef: ElementRef<_TimePicker> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _TimePicker {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'value',\n 'name',\n 'valueState',\n 'disabled',\n 'readonly',\n 'placeholder',\n 'formatPattern',\n 'open',\n 'required',\n 'accessibleName',\n 'accessibleNameRef',\n 'accessibleDescription',\n 'accessibleDescriptionRef',\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 'ui5Input',\n 'ui5Open',\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,104 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/Title.js';
|
|
4
|
-
|
|
5
|
-
class Title {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines how the text of a component will be displayed when there is not enough space.
|
|
9
|
-
|
|
10
|
-
**Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
|
|
11
|
-
*/
|
|
12
|
-
this.wrappingType = input("Normal", ...(ngDevMode ? [{ debugName: "wrappingType" }] : []));
|
|
13
|
-
/**
|
|
14
|
-
* Defines the component level.
|
|
15
|
-
Available options are: `"H6"` to `"H1"`.
|
|
16
|
-
This property does not influence the style of the component.
|
|
17
|
-
Use the property `size` for this purpose instead.
|
|
18
|
-
*/
|
|
19
|
-
this.level = input("H2", ...(ngDevMode ? [{ debugName: "level" }] : []));
|
|
20
|
-
/**
|
|
21
|
-
* Defines the visual appearance of the title.
|
|
22
|
-
Available options are: `"H6"` to `"H1"`.
|
|
23
|
-
*/
|
|
24
|
-
this.size = input("H5", ...(ngDevMode ? [{ debugName: "size" }] : [])); // 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 text of the component.
|
|
32
|
-
This component supports nesting a `Link` component inside.
|
|
33
|
-
|
|
34
|
-
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
35
|
-
*
|
|
36
|
-
* @example
|
|
37
|
-
* ```html
|
|
38
|
-
* <ui5-title>
|
|
39
|
-
* <div slot="header">Custom header content</div>
|
|
40
|
-
* <p>Default slot content</p>
|
|
41
|
-
* </ui5-title>
|
|
42
|
-
* ```
|
|
43
|
-
*
|
|
44
|
-
* @readonly
|
|
45
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
46
|
-
*/
|
|
47
|
-
this.slots = [
|
|
48
|
-
{
|
|
49
|
-
"name": "default",
|
|
50
|
-
"description": "Defines the text of the component.\nThis component supports nesting a `Link` component inside.\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."
|
|
51
|
-
}
|
|
52
|
-
];
|
|
53
|
-
this.elementRef = inject(ElementRef);
|
|
54
|
-
this.injector = inject(Injector);
|
|
55
|
-
}
|
|
56
|
-
get element() {
|
|
57
|
-
return this.elementRef.nativeElement;
|
|
58
|
-
}
|
|
59
|
-
ngAfterViewInit() {
|
|
60
|
-
const wcElement = this.element;
|
|
61
|
-
const inputsToSync = [
|
|
62
|
-
'wrappingType',
|
|
63
|
-
'level',
|
|
64
|
-
'size',
|
|
65
|
-
];
|
|
66
|
-
// Synchronize inputs (properties)
|
|
67
|
-
for (const inputName of inputsToSync) {
|
|
68
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
69
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
70
|
-
// Use the Injector to run the effect in the correct context
|
|
71
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
72
|
-
runInInjectionContext(this.injector, () => {
|
|
73
|
-
effect(() => {
|
|
74
|
-
// Read the signal value
|
|
75
|
-
const value = this[signalName]();
|
|
76
|
-
if (wcElement) {
|
|
77
|
-
// Write the value to the Web Component's property
|
|
78
|
-
wcElement[inputName] = value;
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Title, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
86
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Title, isStandalone: true, selector: "ui5-title, [ui5-title]", inputs: { wrappingType: { classPropertyName: "wrappingType", publicName: "wrappingType", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5Title"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
87
|
-
}
|
|
88
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Title, decorators: [{
|
|
89
|
-
type: Component,
|
|
90
|
-
args: [{
|
|
91
|
-
standalone: true,
|
|
92
|
-
selector: 'ui5-title, [ui5-title]',
|
|
93
|
-
template: '<ng-content></ng-content>',
|
|
94
|
-
exportAs: 'ui5Title',
|
|
95
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
96
|
-
}]
|
|
97
|
-
}], propDecorators: { wrappingType: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrappingType", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
* Generated bundle index. Do not edit.
|
|
101
|
-
*/
|
|
102
|
-
|
|
103
|
-
export { Title };
|
|
104
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-title.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-title.mjs","sources":["../../../../libs/ui5-webcomponents/title/index.ts","../../../../libs/ui5-webcomponents/title/fundamental-ngx-ui5-webcomponents-title.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/Title.js';\nimport { default as _Title } from '@ui5/webcomponents/dist/Title.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as WrappingType } from '@ui5/webcomponents/dist/types/WrappingType.js';\nimport { default as TitleLevel } from '@ui5/webcomponents/dist/types/TitleLevel.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-title, [ui5-title]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5Title',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Title implements AfterViewInit {\n\n /**\n * Defines how the text of a component will be displayed 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 _Title.prototype.wrappingType | undefined>(\"Normal\");\n\n /**\n * Defines the component level.\nAvailable options are: `\"H6\"` to `\"H1\"`.\nThis property does not influence the style of the component.\nUse the property `size` for this purpose instead.\n */\n level = input<typeof _Title.prototype.level | undefined>(\"H2\");\n\n /**\n * Defines the visual appearance of the title.\nAvailable options are: `\"H6\"` to `\"H1\"`.\n */\n size = input<typeof _Title.prototype.size | undefined>(\"H5\"); // 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.\nThis component supports nesting a `Link` component inside.\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-title>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-title>\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.\\nThis component supports nesting a `Link` component inside.\\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<_Title> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _Title {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'wrappingType',\n 'level',\n 'size',\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":";;;;MA+Ba,KAAK,CAAA;AARlB,IAAA,WAAA,GAAA;AAUE;;;;AAIG;AACH,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAmD,QAAQ,wDAAC;AAEhF;;;;;AAKG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAA4C,IAAI,iDAAC;AAE9D;;;AAGG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAA2C,IAAI,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC;AAK7D;;;;;;;;;;;;;;;;;;;;;AAqBG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG;AACb,YAAA;AACI,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,aAAa,EAAE;AAClB;SACJ;AAGM,QAAA,IAAA,CAAA,UAAU,GAAuB,MAAM,CAAC,UAAU,CAAC;AACnD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAuCnC,IAAA;AArCC,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,cAAc;YACd,OAAO;YACP,MAAM;SACP;;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;8GA/FW,KAAK,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAL,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAK,gfALN,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAK1B,KAAK,EAAA,UAAA,EAAA,CAAA;kBARjB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,UAAU;oBAEpB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC9BD;;AAEG;;;;"}
|
|
@@ -1,120 +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/Toast.js';
|
|
4
|
-
|
|
5
|
-
class Toast {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the duration in milliseconds for which component
|
|
9
|
-
remains on the screen before it's automatically closed.
|
|
10
|
-
|
|
11
|
-
**Note:** The minimum supported value is `500` ms
|
|
12
|
-
and even if a lower value is set, the duration would remain `500` ms.
|
|
13
|
-
*/
|
|
14
|
-
this.duration = input(3000, ...(ngDevMode ? [{ debugName: "duration" }] : []));
|
|
15
|
-
/**
|
|
16
|
-
* Defines the placement of the component.
|
|
17
|
-
*/
|
|
18
|
-
this.placement = input("BottomCenter", ...(ngDevMode ? [{ debugName: "placement" }] : []));
|
|
19
|
-
/**
|
|
20
|
-
* Indicates whether the component is open (visible).
|
|
21
|
-
*/
|
|
22
|
-
this.open = input(false, { ...(ngDevMode ? { debugName: "open" } : {}), transform: booleanAttribute }); // className is now passed
|
|
23
|
-
/**
|
|
24
|
-
* Fired after the component is auto closed.
|
|
25
|
-
*/
|
|
26
|
-
this.ui5Close = output();
|
|
27
|
-
/**
|
|
28
|
-
* Available slots for content projection in this component.
|
|
29
|
-
*
|
|
30
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
31
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
32
|
-
*
|
|
33
|
-
* - **(default)**: Defines the text of the component.
|
|
34
|
-
|
|
35
|
-
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
36
|
-
*
|
|
37
|
-
* @example
|
|
38
|
-
* ```html
|
|
39
|
-
* <ui5-toast>
|
|
40
|
-
* <div slot="header">Custom header content</div>
|
|
41
|
-
* <p>Default slot content</p>
|
|
42
|
-
* </ui5-toast>
|
|
43
|
-
* ```
|
|
44
|
-
*
|
|
45
|
-
* @readonly
|
|
46
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
47
|
-
*/
|
|
48
|
-
this.slots = [
|
|
49
|
-
{
|
|
50
|
-
"name": "default",
|
|
51
|
-
"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."
|
|
52
|
-
}
|
|
53
|
-
];
|
|
54
|
-
this.elementRef = inject(ElementRef);
|
|
55
|
-
this.injector = inject(Injector);
|
|
56
|
-
}
|
|
57
|
-
get element() {
|
|
58
|
-
return this.elementRef.nativeElement;
|
|
59
|
-
}
|
|
60
|
-
ngAfterViewInit() {
|
|
61
|
-
const wcElement = this.element;
|
|
62
|
-
const inputsToSync = [
|
|
63
|
-
'duration',
|
|
64
|
-
'placement',
|
|
65
|
-
'open',
|
|
66
|
-
];
|
|
67
|
-
// Synchronize inputs (properties)
|
|
68
|
-
for (const inputName of inputsToSync) {
|
|
69
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
70
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
71
|
-
// Use the Injector to run the effect in the correct context
|
|
72
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
73
|
-
runInInjectionContext(this.injector, () => {
|
|
74
|
-
effect(() => {
|
|
75
|
-
// Read the signal value
|
|
76
|
-
const value = this[signalName]();
|
|
77
|
-
if (wcElement) {
|
|
78
|
-
// Write the value to the Web Component's property
|
|
79
|
-
wcElement[inputName] = value;
|
|
80
|
-
}
|
|
81
|
-
});
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
const outputsToSync = [
|
|
86
|
-
'ui5Close',
|
|
87
|
-
];
|
|
88
|
-
// Synchronize outputs (events)
|
|
89
|
-
for (const outputName of outputsToSync) {
|
|
90
|
-
// Map Angular output name to UI5 web component event name
|
|
91
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
92
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
93
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
94
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
95
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
96
|
-
this[outputName].emit(e);
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Toast, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
102
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Toast, isStandalone: true, selector: "ui5-toast, [ui5-toast]", inputs: { duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Close: "ui5Close" }, exportAs: ["ui5Toast"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
103
|
-
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Toast, decorators: [{
|
|
105
|
-
type: Component,
|
|
106
|
-
args: [{
|
|
107
|
-
standalone: true,
|
|
108
|
-
selector: 'ui5-toast, [ui5-toast]',
|
|
109
|
-
template: '<ng-content></ng-content>',
|
|
110
|
-
exportAs: 'ui5Toast',
|
|
111
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
112
|
-
}]
|
|
113
|
-
}], propDecorators: { duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], ui5Close: [{ type: i0.Output, args: ["ui5Close"] }] } });
|
|
114
|
-
|
|
115
|
-
/**
|
|
116
|
-
* Generated bundle index. Do not edit.
|
|
117
|
-
*/
|
|
118
|
-
|
|
119
|
-
export { Toast };
|
|
120
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-toast.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-toast.mjs","sources":["../../../../libs/ui5-webcomponents/toast/index.ts","../../../../libs/ui5-webcomponents/toast/fundamental-ngx-ui5-webcomponents-toast.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/Toast.js';\nimport { default as _Toast } from '@ui5/webcomponents/dist/Toast.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as ToastPlacement } from '@ui5/webcomponents/dist/types/ToastPlacement.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-toast, [ui5-toast]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5Toast',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Toast implements AfterViewInit {\n\n /**\n * Defines the duration in milliseconds for which component\nremains on the screen before it's automatically closed.\n\n**Note:** The minimum supported value is `500` ms\nand even if a lower value is set, the duration would remain `500` ms.\n */\n duration = input<typeof _Toast.prototype.duration | undefined>(3000);\n\n /**\n * Defines the placement of the component.\n */\n placement = input<typeof _Toast.prototype.placement | undefined>(\"BottomCenter\");\n\n /**\n * Indicates whether the component is open (visible).\n */\n open = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n /**\n * Fired after the component is auto closed.\n */\n ui5Close = output<UI5CustomEvent<_Toast, '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 * - **(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-toast>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-toast>\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<_Toast> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _Toast {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'duration',\n 'placement',\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 '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,224 +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/ToggleButton.js';
|
|
4
|
-
|
|
5
|
-
class ToggleButton {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Determines whether the component is displayed as pressed.
|
|
9
|
-
*/
|
|
10
|
-
this.pressed = input(false, { ...(ngDevMode ? { debugName: "pressed" } : {}), transform: booleanAttribute });
|
|
11
|
-
/**
|
|
12
|
-
* Defines the component design.
|
|
13
|
-
*/
|
|
14
|
-
this.design = input("Default", ...(ngDevMode ? [{ debugName: "design" }] : []));
|
|
15
|
-
/**
|
|
16
|
-
* Defines whether the component is disabled.
|
|
17
|
-
A disabled component can't be pressed or
|
|
18
|
-
focused, and it is not in the tab chain.
|
|
19
|
-
*/
|
|
20
|
-
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
21
|
-
/**
|
|
22
|
-
* Defines the icon, displayed as graphical element within the component.
|
|
23
|
-
The SAP-icons font provides numerous options.
|
|
24
|
-
|
|
25
|
-
Example:
|
|
26
|
-
See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
27
|
-
*/
|
|
28
|
-
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
29
|
-
/**
|
|
30
|
-
* Defines the icon, displayed as graphical element within the component after the button text.
|
|
31
|
-
|
|
32
|
-
**Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.
|
|
33
|
-
Usage of `endIcon` only should be avoided.
|
|
34
|
-
|
|
35
|
-
The SAP-icons font provides numerous options.
|
|
36
|
-
|
|
37
|
-
Example:
|
|
38
|
-
See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
39
|
-
*/
|
|
40
|
-
this.endIcon = input(...(ngDevMode ? [undefined, { debugName: "endIcon" }] : []));
|
|
41
|
-
/**
|
|
42
|
-
* When set to `true`, the component will
|
|
43
|
-
automatically submit the nearest HTML form element on `press`.
|
|
44
|
-
|
|
45
|
-
**Note:** This property is only applicable within the context of an HTML Form element.`
|
|
46
|
-
*/
|
|
47
|
-
this.submits = input(false, { ...(ngDevMode ? { debugName: "submits" } : {}), transform: booleanAttribute });
|
|
48
|
-
/**
|
|
49
|
-
* Defines the tooltip of the component.
|
|
50
|
-
|
|
51
|
-
**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.
|
|
52
|
-
*/
|
|
53
|
-
this.tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
|
|
54
|
-
/**
|
|
55
|
-
* Defines the accessible ARIA name of the component.
|
|
56
|
-
*/
|
|
57
|
-
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
58
|
-
/**
|
|
59
|
-
* Receives id(or many ids) of the elements that label the component.
|
|
60
|
-
*/
|
|
61
|
-
this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
|
|
62
|
-
/**
|
|
63
|
-
* Defines the additional accessibility attributes that will be applied to the component.
|
|
64
|
-
The following fields are supported:
|
|
65
|
-
|
|
66
|
-
- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.
|
|
67
|
-
Accepts the following string values: `true` or `false`
|
|
68
|
-
|
|
69
|
-
- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.
|
|
70
|
-
Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
|
|
71
|
-
|
|
72
|
-
- **ariaLabel**: Defines the accessible ARIA name of the component.
|
|
73
|
-
Accepts any string value.
|
|
74
|
-
|
|
75
|
-
- **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or give focus to the button.
|
|
76
|
-
|
|
77
|
-
- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.
|
|
78
|
-
Accepts a lowercase string value.
|
|
79
|
-
*/
|
|
80
|
-
this.accessibilityAttributes = input({}, ...(ngDevMode ? [{ debugName: "accessibilityAttributes" }] : []));
|
|
81
|
-
/**
|
|
82
|
-
* Defines the accessible description of the component.
|
|
83
|
-
*/
|
|
84
|
-
this.accessibleDescription = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescription" }] : []));
|
|
85
|
-
/**
|
|
86
|
-
* Defines whether the button has special form-related functionality.
|
|
87
|
-
|
|
88
|
-
**Note:** This property is only applicable within the context of an HTML Form element.
|
|
89
|
-
*/
|
|
90
|
-
this.type = input("Button", ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
91
|
-
/**
|
|
92
|
-
* Describes the accessibility role of the button.
|
|
93
|
-
|
|
94
|
-
**Note:** Use <code>ButtonAccessibleRole.Link</code> role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.
|
|
95
|
-
*/
|
|
96
|
-
this.accessibleRole = input("Button", ...(ngDevMode ? [{ debugName: "accessibleRole" }] : []));
|
|
97
|
-
/**
|
|
98
|
-
* Defines whether the button shows a loading indicator.
|
|
99
|
-
|
|
100
|
-
**Note:** If set to `true`, a busy indicator component will be displayed on the related button.
|
|
101
|
-
*/
|
|
102
|
-
this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), transform: booleanAttribute });
|
|
103
|
-
/**
|
|
104
|
-
* Specifies the delay in milliseconds before the loading indicator appears within the associated button.
|
|
105
|
-
*/
|
|
106
|
-
this.loadingDelay = input(1000, ...(ngDevMode ? [{ debugName: "loadingDelay" }] : [])); // className is now passed
|
|
107
|
-
/**
|
|
108
|
-
* Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.
|
|
109
|
-
|
|
110
|
-
**Note:** The event will not be fired if the `disabled` property is set to `true`.
|
|
111
|
-
*/
|
|
112
|
-
this.ui5Click = output();
|
|
113
|
-
/**
|
|
114
|
-
* Available slots for content projection in this component.
|
|
115
|
-
*
|
|
116
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
117
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
118
|
-
*
|
|
119
|
-
* - **(default)**: Defines the text of the component.
|
|
120
|
-
|
|
121
|
-
**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
|
|
122
|
-
* - **badge**: Adds a badge to the button.
|
|
123
|
-
*
|
|
124
|
-
* @example
|
|
125
|
-
* ```html
|
|
126
|
-
* <ui5-toggle-button>
|
|
127
|
-
* <div slot="header">Custom header content</div>
|
|
128
|
-
* <p>Default slot content</p>
|
|
129
|
-
* </ui5-toggle-button>
|
|
130
|
-
* ```
|
|
131
|
-
*
|
|
132
|
-
* @readonly
|
|
133
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
134
|
-
*/
|
|
135
|
-
this.slots = [
|
|
136
|
-
{
|
|
137
|
-
"name": "default",
|
|
138
|
-
"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."
|
|
139
|
-
},
|
|
140
|
-
{
|
|
141
|
-
"name": "badge",
|
|
142
|
-
"description": "Adds a badge to the button.",
|
|
143
|
-
"since": "2.7.0"
|
|
144
|
-
}
|
|
145
|
-
];
|
|
146
|
-
this.elementRef = inject(ElementRef);
|
|
147
|
-
this.injector = inject(Injector);
|
|
148
|
-
}
|
|
149
|
-
get element() {
|
|
150
|
-
return this.elementRef.nativeElement;
|
|
151
|
-
}
|
|
152
|
-
ngAfterViewInit() {
|
|
153
|
-
const wcElement = this.element;
|
|
154
|
-
const inputsToSync = [
|
|
155
|
-
'pressed',
|
|
156
|
-
'design',
|
|
157
|
-
'disabled',
|
|
158
|
-
'icon',
|
|
159
|
-
'endIcon',
|
|
160
|
-
'submits',
|
|
161
|
-
'tooltip',
|
|
162
|
-
'accessibleName',
|
|
163
|
-
'accessibleNameRef',
|
|
164
|
-
'accessibilityAttributes',
|
|
165
|
-
'accessibleDescription',
|
|
166
|
-
'type',
|
|
167
|
-
'accessibleRole',
|
|
168
|
-
'loading',
|
|
169
|
-
'loadingDelay',
|
|
170
|
-
];
|
|
171
|
-
// Synchronize inputs (properties)
|
|
172
|
-
for (const inputName of inputsToSync) {
|
|
173
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
174
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
175
|
-
// Use the Injector to run the effect in the correct context
|
|
176
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
177
|
-
runInInjectionContext(this.injector, () => {
|
|
178
|
-
effect(() => {
|
|
179
|
-
// Read the signal value
|
|
180
|
-
const value = this[signalName]();
|
|
181
|
-
if (wcElement) {
|
|
182
|
-
// Write the value to the Web Component's property
|
|
183
|
-
wcElement[inputName] = value;
|
|
184
|
-
}
|
|
185
|
-
});
|
|
186
|
-
});
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
const outputsToSync = [
|
|
190
|
-
'ui5Click',
|
|
191
|
-
];
|
|
192
|
-
// Synchronize outputs (events)
|
|
193
|
-
for (const outputName of outputsToSync) {
|
|
194
|
-
// Map Angular output name to UI5 web component event name
|
|
195
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
196
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
197
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
198
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
199
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
200
|
-
this[outputName].emit(e);
|
|
201
|
-
});
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToggleButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
206
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ToggleButton, isStandalone: true, selector: "ui5-toggle-button, [ui5-toggle-button]", inputs: { pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, design: { classPropertyName: "design", publicName: "design", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, submits: { classPropertyName: "submits", publicName: "submits", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", 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 }, accessibilityAttributes: { classPropertyName: "accessibilityAttributes", publicName: "accessibilityAttributes", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescription: { classPropertyName: "accessibleDescription", publicName: "accessibleDescription", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, accessibleRole: { classPropertyName: "accessibleRole", publicName: "accessibleRole", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Click: "ui5Click" }, exportAs: ["ui5ToggleButton"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
207
|
-
}
|
|
208
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToggleButton, decorators: [{
|
|
209
|
-
type: Component,
|
|
210
|
-
args: [{
|
|
211
|
-
standalone: true,
|
|
212
|
-
selector: 'ui5-toggle-button, [ui5-toggle-button]',
|
|
213
|
-
template: '<ng-content></ng-content>',
|
|
214
|
-
exportAs: 'ui5ToggleButton',
|
|
215
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
216
|
-
}]
|
|
217
|
-
}], propDecorators: { pressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }], design: [{ type: i0.Input, args: [{ isSignal: true, alias: "design", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], endIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "endIcon", required: false }] }], submits: [{ type: i0.Input, args: [{ isSignal: true, alias: "submits", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], accessibilityAttributes: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibilityAttributes", required: false }] }], accessibleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescription", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], accessibleRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleRole", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], loadingDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingDelay", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
|
|
218
|
-
|
|
219
|
-
/**
|
|
220
|
-
* Generated bundle index. Do not edit.
|
|
221
|
-
*/
|
|
222
|
-
|
|
223
|
-
export { ToggleButton };
|
|
224
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-toggle-button.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-toggle-button.mjs","sources":["../../../../libs/ui5-webcomponents/toggle-button/index.ts","../../../../libs/ui5-webcomponents/toggle-button/fundamental-ngx-ui5-webcomponents-toggle-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/ToggleButton.js';\nimport { default as _ToggleButton } from '@ui5/webcomponents/dist/ToggleButton.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as ButtonDesign } from '@ui5/webcomponents/dist/types/ButtonDesign.js';\nimport { ButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/Button.js';\nimport { default as ButtonType } from '@ui5/webcomponents/dist/types/ButtonType.js';\nimport { default as ButtonAccessibleRole } from '@ui5/webcomponents/dist/types/ButtonAccessibleRole.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-toggle-button, [ui5-toggle-button]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ToggleButton',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToggleButton implements AfterViewInit {\n\n /**\n * Determines whether the component is displayed as pressed.\n */\n pressed = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the component design.\n */\n design = input<typeof _ToggleButton.prototype.design | undefined>(\"Default\");\n\n /**\n * Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n icon = input<typeof _ToggleButton.prototype.icon | undefined>();\n\n /**\n * Defines the icon, displayed as graphical element within the component after the button text.\n\n**Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.\nUsage of `endIcon` only should be avoided.\n\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n endIcon = input<typeof _ToggleButton.prototype.endIcon | undefined>();\n\n /**\n * When set to `true`, the component will\nautomatically submit the nearest HTML form element on `press`.\n\n**Note:** This property is only applicable within the context of an HTML Form element.`\n */\n submits = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.\n */\n tooltip = input<typeof _ToggleButton.prototype.tooltip | undefined>();\n\n /**\n * Defines the accessible ARIA name of the component.\n */\n accessibleName = input<typeof _ToggleButton.prototype.accessibleName | undefined>();\n\n /**\n * Receives id(or many ids) of the elements that label the component.\n */\n accessibleNameRef = input<typeof _ToggleButton.prototype.accessibleNameRef | undefined>();\n\n /**\n * Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **ariaLabel**: Defines the accessible ARIA name of the component.\nAccepts any string value.\n\n - **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or give focus to the button.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.\n */\n accessibilityAttributes = input<typeof _ToggleButton.prototype.accessibilityAttributes | undefined>({});\n\n /**\n * Defines the accessible description of the component.\n */\n accessibleDescription = input<typeof _ToggleButton.prototype.accessibleDescription | undefined>();\n\n /**\n * Defines whether the button has special form-related functionality.\n\n**Note:** This property is only applicable within the context of an HTML Form element.\n */\n type = input<typeof _ToggleButton.prototype.type | undefined>(\"Button\");\n\n /**\n * Describes the accessibility role of the button.\n\n**Note:** Use <code>ButtonAccessibleRole.Link</code> role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.\n */\n accessibleRole = input<typeof _ToggleButton.prototype.accessibleRole | undefined>(\"Button\");\n\n /**\n * Defines whether the button shows a loading indicator.\n\n**Note:** If set to `true`, a busy indicator component will be displayed on the related button.\n */\n loading = input(false, { transform: booleanAttribute });\n\n /**\n * Specifies the delay in milliseconds before the loading indicator appears within the associated button.\n */\n loadingDelay = input<typeof _ToggleButton.prototype.loadingDelay | undefined>(1000); // className is now passed\n\n\n\n /**\n * Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.\n */\n ui5Click = output<UI5CustomEvent<_ToggleButton, 'click'>>();\n\n /**\n * Available slots for content projection in this component.\n * \n * Slots allow you to insert custom content into predefined areas of the web component.\n * Use the `slot` attribute on child elements to target specific slots.\n * \n * - **(default)**: 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 * - **badge**: Adds a badge to the button.\n * \n * @example\n * ```html\n * <ui5-toggle-button>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-toggle-button>\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 \"name\": \"badge\",\n \"description\": \"Adds a badge to the button.\",\n \"since\": \"2.7.0\"\n }\n ];\n\n\n public elementRef: ElementRef<_ToggleButton> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _ToggleButton {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'pressed',\n 'design',\n 'disabled',\n 'icon',\n 'endIcon',\n 'submits',\n 'tooltip',\n 'accessibleName',\n 'accessibleNameRef',\n 'accessibilityAttributes',\n 'accessibleDescription',\n 'type',\n 'accessibleRole',\n 'loading',\n 'loadingDelay',\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 'ui5Click',\n ];\n \n // Synchronize outputs (events)\n for (const outputName of outputsToSync) {\n // Map Angular output name to UI5 web component event name\n const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n // Ensure the output property exists and has an emit function before adding listener\n if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n // Cast the listener to the correct type to satisfy TypeScript\n wcElement.addEventListener(eventName, (e) => {\n\n this[outputName].emit(e as CustomEvent<any>);\n });\n }\n }\n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|