@fundamental-ngx/ui5-webcomponents 0.60.1 → 0.60.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 -197
- 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 -239
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs +0 -285
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs +0 -311
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs +0 -285
- 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 -250
- 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 -284
- 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 -258
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs +0 -308
- 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 -175
- package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs +0 -175
- 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 -279
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs +0 -170
- 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 -173
- 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 -247
- 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 -226
- 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,86 +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/TableRowActionNavigation.js';
|
|
4
|
-
|
|
5
|
-
class TableRowActionNavigation {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the interactive state of the navigation action.
|
|
9
|
-
*/
|
|
10
|
-
this.interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : {}), transform: booleanAttribute });
|
|
11
|
-
/**
|
|
12
|
-
* Defines the visibility of the row action.
|
|
13
|
-
|
|
14
|
-
**Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.
|
|
15
|
-
*/
|
|
16
|
-
this.invisible = input(false, { ...(ngDevMode ? { debugName: "invisible" } : {}), transform: booleanAttribute }); // className is now passed
|
|
17
|
-
/**
|
|
18
|
-
* Fired when a row action is clicked.
|
|
19
|
-
*/
|
|
20
|
-
this.ui5Click = output();
|
|
21
|
-
this.elementRef = inject(ElementRef);
|
|
22
|
-
this.injector = inject(Injector);
|
|
23
|
-
}
|
|
24
|
-
get element() {
|
|
25
|
-
return this.elementRef.nativeElement;
|
|
26
|
-
}
|
|
27
|
-
ngAfterViewInit() {
|
|
28
|
-
const wcElement = this.element;
|
|
29
|
-
const inputsToSync = [
|
|
30
|
-
'interactive',
|
|
31
|
-
'invisible',
|
|
32
|
-
];
|
|
33
|
-
// Synchronize inputs (properties)
|
|
34
|
-
for (const inputName of inputsToSync) {
|
|
35
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
36
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
37
|
-
// Use the Injector to run the effect in the correct context
|
|
38
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
39
|
-
runInInjectionContext(this.injector, () => {
|
|
40
|
-
effect(() => {
|
|
41
|
-
// Read the signal value
|
|
42
|
-
const value = this[signalName]();
|
|
43
|
-
if (wcElement) {
|
|
44
|
-
// Write the value to the Web Component's property
|
|
45
|
-
wcElement[inputName] = value;
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
const outputsToSync = [
|
|
52
|
-
'ui5Click',
|
|
53
|
-
];
|
|
54
|
-
// Synchronize outputs (events)
|
|
55
|
-
for (const outputName of outputsToSync) {
|
|
56
|
-
// Map Angular output name to UI5 web component event name
|
|
57
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
58
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
59
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
60
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
61
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
62
|
-
this[outputName].emit(e);
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRowActionNavigation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
68
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableRowActionNavigation, isStandalone: true, selector: "ui5-table-row-action-navigation, [ui5-table-row-action-navigation]", inputs: { interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, invisible: { classPropertyName: "invisible", publicName: "invisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Click: "ui5Click" }, exportAs: ["ui5TableRowActionNavigation"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
69
|
-
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRowActionNavigation, decorators: [{
|
|
71
|
-
type: Component,
|
|
72
|
-
args: [{
|
|
73
|
-
standalone: true,
|
|
74
|
-
selector: 'ui5-table-row-action-navigation, [ui5-table-row-action-navigation]',
|
|
75
|
-
template: '<ng-content></ng-content>',
|
|
76
|
-
exportAs: 'ui5TableRowActionNavigation',
|
|
77
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
78
|
-
}]
|
|
79
|
-
}], propDecorators: { interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], invisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "invisible", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
|
|
80
|
-
|
|
81
|
-
/**
|
|
82
|
-
* Generated bundle index. Do not edit.
|
|
83
|
-
*/
|
|
84
|
-
|
|
85
|
-
export { TableRowActionNavigation };
|
|
86
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs","sources":["../../../../libs/ui5-webcomponents/table-row-action-navigation/index.ts","../../../../libs/ui5-webcomponents/table-row-action-navigation/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.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/TableRowActionNavigation.js';\nimport { default as _TableRowActionNavigation } from '@ui5/webcomponents/dist/TableRowActionNavigation.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-table-row-action-navigation, [ui5-table-row-action-navigation]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableRowActionNavigation',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableRowActionNavigation implements AfterViewInit {\n\n /**\n * Defines the interactive state of the navigation action.\n */\n interactive = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the visibility of the row action.\n\n**Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.\n */\n invisible = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n /**\n * Fired when a row action is clicked.\n */\n ui5Click = output<UI5CustomEvent<_TableRowActionNavigation, 'click'>>();\n\n\n public elementRef: ElementRef<_TableRowActionNavigation> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _TableRowActionNavigation {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'interactive',\n 'invisible',\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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"}
|
|
@@ -1,98 +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/TableRowAction.js';
|
|
4
|
-
|
|
5
|
-
class TableRowAction {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the icon of the row action.
|
|
9
|
-
|
|
10
|
-
**Note:** For row actions to work properly, this property is mandatory.
|
|
11
|
-
|
|
12
|
-
**Note:** SAP-icons font provides numerous built-in icons. To find all the available icons, see the
|
|
13
|
-
[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
14
|
-
*/
|
|
15
|
-
this.icon = input("", ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
16
|
-
/**
|
|
17
|
-
* Defines the text of the row action.
|
|
18
|
-
|
|
19
|
-
**Note:** For row actions to work properly, this property is mandatory.
|
|
20
|
-
*/
|
|
21
|
-
this.text = input("", ...(ngDevMode ? [{ debugName: "text" }] : []));
|
|
22
|
-
/**
|
|
23
|
-
* Defines the visibility of the row action.
|
|
24
|
-
|
|
25
|
-
**Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.
|
|
26
|
-
*/
|
|
27
|
-
this.invisible = input(false, { ...(ngDevMode ? { debugName: "invisible" } : {}), transform: booleanAttribute }); // className is now passed
|
|
28
|
-
/**
|
|
29
|
-
* Fired when a row action is clicked.
|
|
30
|
-
*/
|
|
31
|
-
this.ui5Click = output();
|
|
32
|
-
this.elementRef = inject(ElementRef);
|
|
33
|
-
this.injector = inject(Injector);
|
|
34
|
-
}
|
|
35
|
-
get element() {
|
|
36
|
-
return this.elementRef.nativeElement;
|
|
37
|
-
}
|
|
38
|
-
ngAfterViewInit() {
|
|
39
|
-
const wcElement = this.element;
|
|
40
|
-
const inputsToSync = [
|
|
41
|
-
'icon',
|
|
42
|
-
'text',
|
|
43
|
-
'invisible',
|
|
44
|
-
];
|
|
45
|
-
// Synchronize inputs (properties)
|
|
46
|
-
for (const inputName of inputsToSync) {
|
|
47
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
48
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
49
|
-
// Use the Injector to run the effect in the correct context
|
|
50
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
51
|
-
runInInjectionContext(this.injector, () => {
|
|
52
|
-
effect(() => {
|
|
53
|
-
// Read the signal value
|
|
54
|
-
const value = this[signalName]();
|
|
55
|
-
if (wcElement) {
|
|
56
|
-
// Write the value to the Web Component's property
|
|
57
|
-
wcElement[inputName] = value;
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
const outputsToSync = [
|
|
64
|
-
'ui5Click',
|
|
65
|
-
];
|
|
66
|
-
// Synchronize outputs (events)
|
|
67
|
-
for (const outputName of outputsToSync) {
|
|
68
|
-
// Map Angular output name to UI5 web component event name
|
|
69
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
70
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
71
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
72
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
73
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
74
|
-
this[outputName].emit(e);
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRowAction, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
80
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableRowAction, isStandalone: true, selector: "ui5-table-row-action, [ui5-table-row-action]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, invisible: { classPropertyName: "invisible", publicName: "invisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Click: "ui5Click" }, exportAs: ["ui5TableRowAction"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
81
|
-
}
|
|
82
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRowAction, decorators: [{
|
|
83
|
-
type: Component,
|
|
84
|
-
args: [{
|
|
85
|
-
standalone: true,
|
|
86
|
-
selector: 'ui5-table-row-action, [ui5-table-row-action]',
|
|
87
|
-
template: '<ng-content></ng-content>',
|
|
88
|
-
exportAs: 'ui5TableRowAction',
|
|
89
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
90
|
-
}]
|
|
91
|
-
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], invisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "invisible", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
|
|
92
|
-
|
|
93
|
-
/**
|
|
94
|
-
* Generated bundle index. Do not edit.
|
|
95
|
-
*/
|
|
96
|
-
|
|
97
|
-
export { TableRowAction };
|
|
98
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-row-action.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-row-action.mjs","sources":["../../../../libs/ui5-webcomponents/table-row-action/index.ts","../../../../libs/ui5-webcomponents/table-row-action/fundamental-ngx-ui5-webcomponents-table-row-action.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/TableRowAction.js';\nimport { default as _TableRowAction } from '@ui5/webcomponents/dist/TableRowAction.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-table-row-action, [ui5-table-row-action]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableRowAction',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableRowAction implements AfterViewInit {\n\n /**\n * Defines the icon of the row action.\n\n**Note:** For row actions to work properly, this property is mandatory.\n\n**Note:** SAP-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 _TableRowAction.prototype.icon | undefined>(\"\");\n\n /**\n * Defines the text of the row action.\n\n**Note:** For row actions to work properly, this property is mandatory.\n */\n text = input<typeof _TableRowAction.prototype.text | undefined>(\"\");\n\n /**\n * Defines the visibility of the row action.\n\n**Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.\n */\n invisible = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n /**\n * Fired when a row action is clicked.\n */\n ui5Click = output<UI5CustomEvent<_TableRowAction, 'click'>>();\n\n\n public elementRef: ElementRef<_TableRowAction> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _TableRowAction {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'icon',\n 'text',\n 'invisible',\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":";;;;MA6Ba,cAAc,CAAA;AAP3B,IAAA,WAAA,GAAA;AASE;;;;;;;AAOG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAoD,EAAE,gDAAC;AAEnE;;;;AAIG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAoD,EAAE,gDAAC;AAEnE;;;;AAIG;QACH,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,WAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG,CAAC;AAI1D;;AAEG;QACH,IAAA,CAAA,QAAQ,GAAG,MAAM,EAA4C;AAGtD,QAAA,IAAA,CAAA,UAAU,GAAgC,MAAM,CAAC,UAAU,CAAC;AAC5D,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAwDnC,IAAA;AAtDC,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,MAAM;YACN,MAAM;YACN,WAAW;SACZ;;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;AAGA,QAAA,MAAM,aAAa,GAAG;YACpB,UAAU;SACX;;AAGD,QAAA,KAAK,MAAM,UAAU,IAAI,aAAa,EAAE;;YAEtC,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;;AAErG,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,UAAU,IAAI,SAAS,CAAC,gBAAgB,EAAE;;gBAEjG,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,KAAI;oBAE1C,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAqB,CAAC;AAC9C,gBAAA,CAAC,CAAC;YACJ;QACF;IAGF;8GA1FW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,siBAJf,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAI1B,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,8CAA8C;AACxD,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC5BD;;AAEG;;;;"}
|
|
@@ -1,117 +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/TableRow.js';
|
|
4
|
-
|
|
5
|
-
class TableRow {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Unique identifier of the row.
|
|
9
|
-
|
|
10
|
-
**Note:** For selection features to work properly, this property is mandatory, and its value must not contain spaces.
|
|
11
|
-
*/
|
|
12
|
-
this.rowKey = input(...(ngDevMode ? [undefined, { debugName: "rowKey" }] : []));
|
|
13
|
-
/**
|
|
14
|
-
* Defines the 0-based position of the row related to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.
|
|
15
|
-
*/
|
|
16
|
-
this.position = input(...(ngDevMode ? [undefined, { debugName: "position" }] : []));
|
|
17
|
-
/**
|
|
18
|
-
* Defines the interactive state of the row.
|
|
19
|
-
*/
|
|
20
|
-
this.interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : {}), transform: booleanAttribute });
|
|
21
|
-
/**
|
|
22
|
-
* Defines the navigated state of the row.
|
|
23
|
-
*/
|
|
24
|
-
this.navigated = input(false, { ...(ngDevMode ? { debugName: "navigated" } : {}), transform: booleanAttribute });
|
|
25
|
-
/**
|
|
26
|
-
* Defines whether the row is movable.
|
|
27
|
-
*/
|
|
28
|
-
this.movable = input(false, { ...(ngDevMode ? { debugName: "movable" } : {}), transform: booleanAttribute }); // className is now passed
|
|
29
|
-
/**
|
|
30
|
-
* Available slots for content projection in this component.
|
|
31
|
-
*
|
|
32
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
33
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
34
|
-
*
|
|
35
|
-
* - **(default)**: Defines the cells of the component.
|
|
36
|
-
|
|
37
|
-
**Note:** Use `ui5-table-cell` for the intended design.
|
|
38
|
-
* - **actions**: Defines the actions of the component.
|
|
39
|
-
|
|
40
|
-
**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.
|
|
41
|
-
*
|
|
42
|
-
* @example
|
|
43
|
-
* ```html
|
|
44
|
-
* <ui5-table-row>
|
|
45
|
-
* <div slot="header">Custom header content</div>
|
|
46
|
-
* <p>Default slot content</p>
|
|
47
|
-
* </ui5-table-row>
|
|
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 cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design."
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"name": "actions",
|
|
60
|
-
"description": "Defines the actions of the component.\n\n**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.",
|
|
61
|
-
"since": "2.7.0"
|
|
62
|
-
}
|
|
63
|
-
];
|
|
64
|
-
this.elementRef = inject(ElementRef);
|
|
65
|
-
this.injector = inject(Injector);
|
|
66
|
-
}
|
|
67
|
-
get element() {
|
|
68
|
-
return this.elementRef.nativeElement;
|
|
69
|
-
}
|
|
70
|
-
ngAfterViewInit() {
|
|
71
|
-
const wcElement = this.element;
|
|
72
|
-
const inputsToSync = [
|
|
73
|
-
'rowKey',
|
|
74
|
-
'position',
|
|
75
|
-
'interactive',
|
|
76
|
-
'navigated',
|
|
77
|
-
'movable',
|
|
78
|
-
];
|
|
79
|
-
// Synchronize inputs (properties)
|
|
80
|
-
for (const inputName of inputsToSync) {
|
|
81
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
82
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
83
|
-
// Use the Injector to run the effect in the correct context
|
|
84
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
85
|
-
runInInjectionContext(this.injector, () => {
|
|
86
|
-
effect(() => {
|
|
87
|
-
// Read the signal value
|
|
88
|
-
const value = this[signalName]();
|
|
89
|
-
if (wcElement) {
|
|
90
|
-
// Write the value to the Web Component's property
|
|
91
|
-
wcElement[inputName] = value;
|
|
92
|
-
}
|
|
93
|
-
});
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
99
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableRow, isStandalone: true, selector: "ui5-table-row, [ui5-table-row]", inputs: { rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, navigated: { classPropertyName: "navigated", publicName: "navigated", isSignal: true, isRequired: false, transformFunction: null }, movable: { classPropertyName: "movable", publicName: "movable", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5TableRow"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
100
|
-
}
|
|
101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRow, decorators: [{
|
|
102
|
-
type: Component,
|
|
103
|
-
args: [{
|
|
104
|
-
standalone: true,
|
|
105
|
-
selector: 'ui5-table-row, [ui5-table-row]',
|
|
106
|
-
template: '<ng-content></ng-content>',
|
|
107
|
-
exportAs: 'ui5TableRow',
|
|
108
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
109
|
-
}]
|
|
110
|
-
}], propDecorators: { rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], navigated: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigated", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }] } });
|
|
111
|
-
|
|
112
|
-
/**
|
|
113
|
-
* Generated bundle index. Do not edit.
|
|
114
|
-
*/
|
|
115
|
-
|
|
116
|
-
export { TableRow };
|
|
117
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-row.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-row.mjs","sources":["../../../../libs/ui5-webcomponents/table-row/index.ts","../../../../libs/ui5-webcomponents/table-row/fundamental-ngx-ui5-webcomponents-table-row.ts"],"sourcesContent":["\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n input,\n output,\n AfterViewInit,\n effect,\n runInInjectionContext,\n inject,\n Injector,\n booleanAttribute,\n computed,\n signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/TableRow.js';\nimport { default as _TableRow } from '@ui5/webcomponents/dist/TableRow.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-table-row, [ui5-table-row]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableRow',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableRow implements AfterViewInit {\n\n /**\n * Unique identifier of the row.\n\n**Note:** For selection features to work properly, this property is mandatory, and its value must not contain spaces.\n */\n rowKey = input<typeof _TableRow.prototype.rowKey | undefined>();\n\n /**\n * Defines the 0-based position of the row related to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.\n */\n position = input<typeof _TableRow.prototype.position | undefined>();\n\n /**\n * Defines the interactive state of the row.\n */\n interactive = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the navigated state of the row.\n */\n navigated = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the row is movable.\n */\n movable = 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 cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design.\n * - **actions**: Defines the actions of the component.\n\n**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.\n *\n * @example\n * ```html\n * <ui5-table-row>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-table-row>\n * ```\n *\n * @readonly\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n */\n readonly slots = [\n {\n \"name\": \"default\",\n \"description\": \"Defines the cells of the component.\\n\\n**Note:** Use `ui5-table-cell` for the intended design.\"\n },\n {\n \"name\": \"actions\",\n \"description\": \"Defines the actions of the component.\\n\\n**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.\",\n \"since\": \"2.7.0\"\n }\n ];\n\n\n public elementRef: ElementRef<_TableRow> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _TableRow {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'rowKey',\n 'position',\n 'interactive',\n 'navigated',\n 'movable',\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,89 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/TableSelectionMulti.js';
|
|
4
|
-
|
|
5
|
-
class TableSelectionMulti {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the `row-key` values of selected rows, with each value separated by a space.
|
|
9
|
-
*/
|
|
10
|
-
this.selected = input(...(ngDevMode ? [undefined, { debugName: "selected" }] : []));
|
|
11
|
-
/**
|
|
12
|
-
* Defines the selector of the header row.
|
|
13
|
-
*/
|
|
14
|
-
this.headerSelector = input("SelectAll", ...(ngDevMode ? [{ debugName: "headerSelector" }] : []));
|
|
15
|
-
/**
|
|
16
|
-
* Defines the selection behavior.
|
|
17
|
-
*/
|
|
18
|
-
this.behavior = input("RowSelector", ...(ngDevMode ? [{ debugName: "behavior" }] : [])); // className is now passed
|
|
19
|
-
/**
|
|
20
|
-
* Fired when the selection is changed by user interaction.
|
|
21
|
-
*/
|
|
22
|
-
this.ui5Change = output();
|
|
23
|
-
this.elementRef = inject(ElementRef);
|
|
24
|
-
this.injector = inject(Injector);
|
|
25
|
-
}
|
|
26
|
-
get element() {
|
|
27
|
-
return this.elementRef.nativeElement;
|
|
28
|
-
}
|
|
29
|
-
ngAfterViewInit() {
|
|
30
|
-
const wcElement = this.element;
|
|
31
|
-
const inputsToSync = [
|
|
32
|
-
'selected',
|
|
33
|
-
'headerSelector',
|
|
34
|
-
'behavior',
|
|
35
|
-
];
|
|
36
|
-
// Synchronize inputs (properties)
|
|
37
|
-
for (const inputName of inputsToSync) {
|
|
38
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
39
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
40
|
-
// Use the Injector to run the effect in the correct context
|
|
41
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
42
|
-
runInInjectionContext(this.injector, () => {
|
|
43
|
-
effect(() => {
|
|
44
|
-
// Read the signal value
|
|
45
|
-
const value = this[signalName]();
|
|
46
|
-
if (wcElement) {
|
|
47
|
-
// Write the value to the Web Component's property
|
|
48
|
-
wcElement[inputName] = value;
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
const outputsToSync = [
|
|
55
|
-
'ui5Change',
|
|
56
|
-
];
|
|
57
|
-
// Synchronize outputs (events)
|
|
58
|
-
for (const outputName of outputsToSync) {
|
|
59
|
-
// Map Angular output name to UI5 web component event name
|
|
60
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
61
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
62
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
63
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
64
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
65
|
-
this[outputName].emit(e);
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableSelectionMulti, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableSelectionMulti, isStandalone: true, selector: "ui5-table-selection-multi, [ui5-table-selection-multi]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, headerSelector: { classPropertyName: "headerSelector", publicName: "headerSelector", isSignal: true, isRequired: false, transformFunction: null }, behavior: { classPropertyName: "behavior", publicName: "behavior", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, exportAs: ["ui5TableSelectionMulti"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
72
|
-
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableSelectionMulti, decorators: [{
|
|
74
|
-
type: Component,
|
|
75
|
-
args: [{
|
|
76
|
-
standalone: true,
|
|
77
|
-
selector: 'ui5-table-selection-multi, [ui5-table-selection-multi]',
|
|
78
|
-
template: '<ng-content></ng-content>',
|
|
79
|
-
exportAs: 'ui5TableSelectionMulti',
|
|
80
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
81
|
-
}]
|
|
82
|
-
}], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], headerSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerSelector", required: false }] }], behavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "behavior", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
|
|
83
|
-
|
|
84
|
-
/**
|
|
85
|
-
* Generated bundle index. Do not edit.
|
|
86
|
-
*/
|
|
87
|
-
|
|
88
|
-
export { TableSelectionMulti };
|
|
89
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs","sources":["../../../../libs/ui5-webcomponents/table-selection-multi/index.ts","../../../../libs/ui5-webcomponents/table-selection-multi/fundamental-ngx-ui5-webcomponents-table-selection-multi.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/TableSelectionMulti.js';\nimport { default as _TableSelectionMulti } from '@ui5/webcomponents/dist/TableSelectionMulti.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as TableSelectionMultiHeaderSelector } from '@ui5/webcomponents/dist/types/TableSelectionMultiHeaderSelector.js';\nimport { default as TableSelectionBehavior } from '@ui5/webcomponents/dist/types/TableSelectionBehavior.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-table-selection-multi, [ui5-table-selection-multi]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableSelectionMulti',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableSelectionMulti implements AfterViewInit {\n\n /**\n * Defines the `row-key` values of selected rows, with each value separated by a space.\n */\n selected = input<typeof _TableSelectionMulti.prototype.selected | undefined>();\n\n /**\n * Defines the selector of the header row.\n */\n headerSelector = input<typeof _TableSelectionMulti.prototype.headerSelector | undefined>(\"SelectAll\");\n\n /**\n * Defines the selection behavior.\n */\n behavior = input<typeof _TableSelectionMulti.prototype.behavior | undefined>(\"RowSelector\"); // className is now passed\n\n\n\n /**\n * Fired when the selection is changed by user interaction.\n */\n ui5Change = output<UI5CustomEvent<_TableSelectionMulti, 'change'>>();\n\n\n public elementRef: ElementRef<_TableSelectionMulti> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _TableSelectionMulti {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'selected',\n 'headerSelector',\n 'behavior',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n const outputsToSync = [\n 'ui5Change',\n ];\n \n // Synchronize outputs (events)\n for (const outputName of outputsToSync) {\n // Map Angular output name to UI5 web component event name\n const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n // Ensure the output property exists and has an emit function before adding listener\n if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n // Cast the listener to the correct type to satisfy TypeScript\n wcElement.addEventListener(eventName, (e) => {\n\n this[outputName].emit(e as CustomEvent<any>);\n });\n }\n }\n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MA8Ba,mBAAmB,CAAA;AAPhC,IAAA,WAAA,GAAA;AASE;;AAEG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA8D;AAE9E;;AAEG;AACH,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAmE,WAAW,0DAAC;AAErG;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAA6D,aAAa,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC;AAI5F;;AAEG;QACH,IAAA,CAAA,SAAS,GAAG,MAAM,EAAkD;AAG7D,QAAA,IAAA,CAAA,UAAU,GAAqC,MAAM,CAAC,UAAU,CAAC;AACjE,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAwDnC,IAAA;AAtDC,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,UAAU;YACV,gBAAgB;YAChB,UAAU;SACX;;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;AAGA,QAAA,MAAM,aAAa,GAAG;YACpB,WAAW;SACZ;;AAGD,QAAA,KAAK,MAAM,UAAU,IAAI,aAAa,EAAE;;YAEtC,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;;AAErG,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,UAAU,IAAI,SAAS,CAAC,gBAAgB,EAAE;;gBAEjG,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,KAAI;oBAE1C,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAqB,CAAC;AAC9C,gBAAA,CAAC,CAAC;YACJ;QACF;IAGF;8GAjFW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,8lBAJpB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAI1B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,wDAAwD;AAClE,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,wBAAwB;oBAClC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC7BD;;AAEG;;;;"}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/TableSelectionSingle.js';
|
|
4
|
-
|
|
5
|
-
class TableSelectionSingle {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the `row-key` value of the selected row.
|
|
9
|
-
*/
|
|
10
|
-
this.selected = input(...(ngDevMode ? [undefined, { debugName: "selected" }] : []));
|
|
11
|
-
/**
|
|
12
|
-
* Defines the selection behavior.
|
|
13
|
-
*/
|
|
14
|
-
this.behavior = input("RowSelector", ...(ngDevMode ? [{ debugName: "behavior" }] : [])); // className is now passed
|
|
15
|
-
/**
|
|
16
|
-
* Fired when the selection is changed by user interaction.
|
|
17
|
-
*/
|
|
18
|
-
this.ui5Change = output();
|
|
19
|
-
this.elementRef = inject(ElementRef);
|
|
20
|
-
this.injector = inject(Injector);
|
|
21
|
-
}
|
|
22
|
-
get element() {
|
|
23
|
-
return this.elementRef.nativeElement;
|
|
24
|
-
}
|
|
25
|
-
ngAfterViewInit() {
|
|
26
|
-
const wcElement = this.element;
|
|
27
|
-
const inputsToSync = [
|
|
28
|
-
'selected',
|
|
29
|
-
'behavior',
|
|
30
|
-
];
|
|
31
|
-
// Synchronize inputs (properties)
|
|
32
|
-
for (const inputName of inputsToSync) {
|
|
33
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
34
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
35
|
-
// Use the Injector to run the effect in the correct context
|
|
36
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
37
|
-
runInInjectionContext(this.injector, () => {
|
|
38
|
-
effect(() => {
|
|
39
|
-
// Read the signal value
|
|
40
|
-
const value = this[signalName]();
|
|
41
|
-
if (wcElement) {
|
|
42
|
-
// Write the value to the Web Component's property
|
|
43
|
-
wcElement[inputName] = value;
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
const outputsToSync = [
|
|
50
|
-
'ui5Change',
|
|
51
|
-
];
|
|
52
|
-
// Synchronize outputs (events)
|
|
53
|
-
for (const outputName of outputsToSync) {
|
|
54
|
-
// Map Angular output name to UI5 web component event name
|
|
55
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
56
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
57
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
58
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
59
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
60
|
-
this[outputName].emit(e);
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableSelectionSingle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableSelectionSingle, isStandalone: true, selector: "ui5-table-selection-single, [ui5-table-selection-single]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, behavior: { classPropertyName: "behavior", publicName: "behavior", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, exportAs: ["ui5TableSelectionSingle"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
67
|
-
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableSelectionSingle, decorators: [{
|
|
69
|
-
type: Component,
|
|
70
|
-
args: [{
|
|
71
|
-
standalone: true,
|
|
72
|
-
selector: 'ui5-table-selection-single, [ui5-table-selection-single]',
|
|
73
|
-
template: '<ng-content></ng-content>',
|
|
74
|
-
exportAs: 'ui5TableSelectionSingle',
|
|
75
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
76
|
-
}]
|
|
77
|
-
}], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], behavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "behavior", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* Generated bundle index. Do not edit.
|
|
81
|
-
*/
|
|
82
|
-
|
|
83
|
-
export { TableSelectionSingle };
|
|
84
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-selection-single.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-selection-single.mjs","sources":["../../../../libs/ui5-webcomponents/table-selection-single/index.ts","../../../../libs/ui5-webcomponents/table-selection-single/fundamental-ngx-ui5-webcomponents-table-selection-single.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/TableSelectionSingle.js';\nimport { default as _TableSelectionSingle } from '@ui5/webcomponents/dist/TableSelectionSingle.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as TableSelectionBehavior } from '@ui5/webcomponents/dist/types/TableSelectionBehavior.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-table-selection-single, [ui5-table-selection-single]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableSelectionSingle',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableSelectionSingle implements AfterViewInit {\n\n /**\n * Defines the `row-key` value of the selected row.\n */\n selected = input<typeof _TableSelectionSingle.prototype.selected | undefined>();\n\n /**\n * Defines the selection behavior.\n */\n behavior = input<typeof _TableSelectionSingle.prototype.behavior | undefined>(\"RowSelector\"); // className is now passed\n\n\n\n /**\n * Fired when the selection is changed by user interaction.\n */\n ui5Change = output<UI5CustomEvent<_TableSelectionSingle, 'change'>>();\n\n\n public elementRef: ElementRef<_TableSelectionSingle> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _TableSelectionSingle {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'selected',\n 'behavior',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n const outputsToSync = [\n 'ui5Change',\n ];\n \n // Synchronize outputs (events)\n for (const outputName of outputsToSync) {\n // Map Angular output name to UI5 web component event name\n const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n // Ensure the output property exists and has an emit function before adding listener\n if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n // Cast the listener to the correct type to satisfy TypeScript\n wcElement.addEventListener(eventName, (e) => {\n\n this[outputName].emit(e as CustomEvent<any>);\n });\n }\n }\n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MA6Ba,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;AASE;;AAEG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA+D;AAE/E;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAA8D,aAAa,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC;AAI7F;;AAEG;QACH,IAAA,CAAA,SAAS,GAAG,MAAM,EAAmD;AAG9D,QAAA,IAAA,CAAA,UAAU,GAAsC,MAAM,CAAC,UAAU,CAAC;AAClE,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAuDnC,IAAA;AArDC,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,UAAU;YACV,UAAU;SACX;;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;AAGA,QAAA,MAAM,aAAa,GAAG;YACpB,WAAW;SACZ;;AAGD,QAAA,KAAK,MAAM,UAAU,IAAI,aAAa,EAAE;;YAEtC,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;;AAErG,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,UAAU,IAAI,SAAS,CAAC,gBAAgB,EAAE;;gBAEjG,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,KAAI;oBAE1C,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAqB,CAAC;AAC9C,gBAAA,CAAC,CAAC;YACJ;QACF;IAGF;8GA3EW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,8cAJrB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAI1B,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,0DAA0D;AACpE,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,yBAAyB;oBACnC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC5BD;;AAEG;;;;"}
|