@fundamental-ngx/ui5-webcomponents 0.59.1 → 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,143 +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/ColorPalettePopover.js';
|
|
4
|
-
|
|
5
|
-
class ColorPalettePopover {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines whether the user can see the last used colors in the bottom of the component
|
|
9
|
-
*/
|
|
10
|
-
this.showRecentColors = input(false, { ...(ngDevMode ? { debugName: "showRecentColors" } : {}), transform: booleanAttribute });
|
|
11
|
-
/**
|
|
12
|
-
* Defines whether the user can choose a custom color from a component.
|
|
13
|
-
*/
|
|
14
|
-
this.showMoreColors = input(false, { ...(ngDevMode ? { debugName: "showMoreColors" } : {}), transform: booleanAttribute });
|
|
15
|
-
/**
|
|
16
|
-
* Defines whether the user can choose the default color from a button.
|
|
17
|
-
*/
|
|
18
|
-
this.showDefaultColor = input(false, { ...(ngDevMode ? { debugName: "showDefaultColor" } : {}), transform: booleanAttribute });
|
|
19
|
-
/**
|
|
20
|
-
* Defines the default color of the component.
|
|
21
|
-
|
|
22
|
-
**Note:** The default color should be a part of the ColorPalette colors`
|
|
23
|
-
*/
|
|
24
|
-
this.defaultColor = input(...(ngDevMode ? [undefined, { debugName: "defaultColor" }] : []));
|
|
25
|
-
/**
|
|
26
|
-
* Defines the open | closed state of the popover.
|
|
27
|
-
*/
|
|
28
|
-
this.open = input(false, { ...(ngDevMode ? { debugName: "open" } : {}), transform: booleanAttribute });
|
|
29
|
-
/**
|
|
30
|
-
* Defines the ID or DOM Reference of the element that the popover is shown at.
|
|
31
|
-
When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
|
|
32
|
-
You can only set the `opener` attribute to a DOM Reference when using JavaScript.
|
|
33
|
-
*/
|
|
34
|
-
this.opener = input(...(ngDevMode ? [undefined, { debugName: "opener" }] : []));
|
|
35
|
-
/**
|
|
36
|
-
* Determines on which side the component is placed at.
|
|
37
|
-
*/
|
|
38
|
-
this.placement = input("Bottom", ...(ngDevMode ? [{ debugName: "placement" }] : [])); // className is now passed
|
|
39
|
-
/**
|
|
40
|
-
* Fired when the user selects a color.
|
|
41
|
-
*/
|
|
42
|
-
this.ui5ItemClick = output();
|
|
43
|
-
/**
|
|
44
|
-
* Fired when the `ui5-color-palette-popover` is closed due to user interaction.
|
|
45
|
-
*/
|
|
46
|
-
this.ui5Close = output();
|
|
47
|
-
/**
|
|
48
|
-
* Available slots for content projection in this component.
|
|
49
|
-
*
|
|
50
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
51
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
52
|
-
*
|
|
53
|
-
* - **(default)**: Defines the content of the component.
|
|
54
|
-
*
|
|
55
|
-
* @example
|
|
56
|
-
* ```html
|
|
57
|
-
* <ui5-color-palette-popover>
|
|
58
|
-
* <div slot="header">Custom header content</div>
|
|
59
|
-
* <p>Default slot content</p>
|
|
60
|
-
* </ui5-color-palette-popover>
|
|
61
|
-
* ```
|
|
62
|
-
*
|
|
63
|
-
* @readonly
|
|
64
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
65
|
-
*/
|
|
66
|
-
this.slots = [
|
|
67
|
-
{
|
|
68
|
-
"name": "default",
|
|
69
|
-
"description": "Defines the content of the component."
|
|
70
|
-
}
|
|
71
|
-
];
|
|
72
|
-
this.elementRef = inject(ElementRef);
|
|
73
|
-
this.injector = inject(Injector);
|
|
74
|
-
}
|
|
75
|
-
get element() {
|
|
76
|
-
return this.elementRef.nativeElement;
|
|
77
|
-
}
|
|
78
|
-
ngAfterViewInit() {
|
|
79
|
-
const wcElement = this.element;
|
|
80
|
-
const inputsToSync = [
|
|
81
|
-
'showRecentColors',
|
|
82
|
-
'showMoreColors',
|
|
83
|
-
'showDefaultColor',
|
|
84
|
-
'defaultColor',
|
|
85
|
-
'open',
|
|
86
|
-
'opener',
|
|
87
|
-
'placement',
|
|
88
|
-
];
|
|
89
|
-
// Synchronize inputs (properties)
|
|
90
|
-
for (const inputName of inputsToSync) {
|
|
91
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
92
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
93
|
-
// Use the Injector to run the effect in the correct context
|
|
94
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
95
|
-
runInInjectionContext(this.injector, () => {
|
|
96
|
-
effect(() => {
|
|
97
|
-
// Read the signal value
|
|
98
|
-
const value = this[signalName]();
|
|
99
|
-
if (wcElement) {
|
|
100
|
-
// Write the value to the Web Component's property
|
|
101
|
-
wcElement[inputName] = value;
|
|
102
|
-
}
|
|
103
|
-
});
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
const outputsToSync = [
|
|
108
|
-
'ui5ItemClick',
|
|
109
|
-
'ui5Close',
|
|
110
|
-
];
|
|
111
|
-
// Synchronize outputs (events)
|
|
112
|
-
for (const outputName of outputsToSync) {
|
|
113
|
-
// Map Angular output name to UI5 web component event name
|
|
114
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
115
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
116
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
117
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
118
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
119
|
-
this[outputName].emit(e);
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ColorPalettePopover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
125
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ColorPalettePopover, isStandalone: true, selector: "ui5-color-palette-popover, [ui5-color-palette-popover]", inputs: { showRecentColors: { classPropertyName: "showRecentColors", publicName: "showRecentColors", isSignal: true, isRequired: false, transformFunction: null }, showMoreColors: { classPropertyName: "showMoreColors", publicName: "showMoreColors", isSignal: true, isRequired: false, transformFunction: null }, showDefaultColor: { classPropertyName: "showDefaultColor", publicName: "showDefaultColor", isSignal: true, isRequired: false, transformFunction: null }, defaultColor: { classPropertyName: "defaultColor", publicName: "defaultColor", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, opener: { classPropertyName: "opener", publicName: "opener", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5ItemClick: "ui5ItemClick", ui5Close: "ui5Close" }, exportAs: ["ui5ColorPalettePopover"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
126
|
-
}
|
|
127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ColorPalettePopover, decorators: [{
|
|
128
|
-
type: Component,
|
|
129
|
-
args: [{
|
|
130
|
-
standalone: true,
|
|
131
|
-
selector: 'ui5-color-palette-popover, [ui5-color-palette-popover]',
|
|
132
|
-
template: '<ng-content></ng-content>',
|
|
133
|
-
exportAs: 'ui5ColorPalettePopover',
|
|
134
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
135
|
-
}]
|
|
136
|
-
}], propDecorators: { showRecentColors: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRecentColors", required: false }] }], showMoreColors: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMoreColors", required: false }] }], showDefaultColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDefaultColor", required: false }] }], defaultColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultColor", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], opener: [{ type: i0.Input, args: [{ isSignal: true, alias: "opener", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], ui5ItemClick: [{ type: i0.Output, args: ["ui5ItemClick"] }], ui5Close: [{ type: i0.Output, args: ["ui5Close"] }] } });
|
|
137
|
-
|
|
138
|
-
/**
|
|
139
|
-
* Generated bundle index. Do not edit.
|
|
140
|
-
*/
|
|
141
|
-
|
|
142
|
-
export { ColorPalettePopover };
|
|
143
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs","sources":["../../../../libs/ui5-webcomponents/color-palette-popover/index.ts","../../../../libs/ui5-webcomponents/color-palette-popover/fundamental-ngx-ui5-webcomponents-color-palette-popover.ts"],"sourcesContent":["\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n input,\n output,\n AfterViewInit,\n effect,\n runInInjectionContext,\n inject,\n Injector,\n booleanAttribute,\n computed,\n signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/ColorPalettePopover.js';\nimport { default as _ColorPalettePopover } from '@ui5/webcomponents/dist/ColorPalettePopover.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as PopoverPlacement } from '@ui5/webcomponents/dist/types/PopoverPlacement.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-color-palette-popover, [ui5-color-palette-popover]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ColorPalettePopover',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ColorPalettePopover implements AfterViewInit {\n\n /**\n * Defines whether the user can see the last used colors in the bottom of the component\n */\n showRecentColors = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the user can choose a custom color from a component.\n */\n showMoreColors = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the user can choose the default color from a button.\n */\n showDefaultColor = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the default color of the component.\n\n**Note:** The default color should be a part of the ColorPalette colors`\n */\n defaultColor = input<typeof _ColorPalettePopover.prototype.defaultColor | undefined>();\n\n /**\n * Defines the open | closed state of the popover.\n */\n open = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the ID or DOM Reference of the element that the popover is shown at.\nWhen using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.\nYou can only set the `opener` attribute to a DOM Reference when using JavaScript.\n */\n opener = input<typeof _ColorPalettePopover.prototype.opener | undefined>();\n\n /**\n * Determines on which side the component is placed at.\n */\n placement = input<typeof _ColorPalettePopover.prototype.placement | undefined>(\"Bottom\"); // className is now passed\n\n\n\n /**\n * Fired when the user selects a color.\n */\n ui5ItemClick = output<UI5CustomEvent<_ColorPalettePopover, 'item-click'>>();\n\n /**\n * Fired when the `ui5-color-palette-popover` is closed due to user interaction.\n */\n ui5Close = output<UI5CustomEvent<_ColorPalettePopover, '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 content of the component.\n * \n * @example\n * ```html\n * <ui5-color-palette-popover>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-color-palette-popover>\n * ```\n * \n * @readonly\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n */\n readonly slots = [\n {\n \"name\": \"default\",\n \"description\": \"Defines the content of the component.\"\n }\n ];\n\n\n public elementRef: ElementRef<_ColorPalettePopover> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _ColorPalettePopover {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'showRecentColors',\n 'showMoreColors',\n 'showDefaultColor',\n 'defaultColor',\n 'open',\n 'opener',\n 'placement',\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 'ui5ItemClick',\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,80 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { output, inject, ElementRef, Injector, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import '@ui5/webcomponents/dist/ColorPalette.js';
|
|
4
|
-
|
|
5
|
-
class ColorPalette {
|
|
6
|
-
constructor() {
|
|
7
|
-
// className is now passed
|
|
8
|
-
/**
|
|
9
|
-
* Fired when the user selects a color.
|
|
10
|
-
*/
|
|
11
|
-
this.ui5ItemClick = output();
|
|
12
|
-
/**
|
|
13
|
-
* Available slots for content projection in this component.
|
|
14
|
-
*
|
|
15
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
16
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
17
|
-
*
|
|
18
|
-
* - **(default)**: Defines the `ui5-color-palette-item` elements.
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```html
|
|
22
|
-
* <ui5-color-palette>
|
|
23
|
-
* <div slot="header">Custom header content</div>
|
|
24
|
-
* <p>Default slot content</p>
|
|
25
|
-
* </ui5-color-palette>
|
|
26
|
-
* ```
|
|
27
|
-
*
|
|
28
|
-
* @readonly
|
|
29
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
30
|
-
*/
|
|
31
|
-
this.slots = [
|
|
32
|
-
{
|
|
33
|
-
"name": "default",
|
|
34
|
-
"description": "Defines the `ui5-color-palette-item` elements."
|
|
35
|
-
}
|
|
36
|
-
];
|
|
37
|
-
this.elementRef = inject(ElementRef);
|
|
38
|
-
this.injector = inject(Injector);
|
|
39
|
-
}
|
|
40
|
-
get element() {
|
|
41
|
-
return this.elementRef.nativeElement;
|
|
42
|
-
}
|
|
43
|
-
ngAfterViewInit() {
|
|
44
|
-
const wcElement = this.element;
|
|
45
|
-
const outputsToSync = [
|
|
46
|
-
'ui5ItemClick',
|
|
47
|
-
];
|
|
48
|
-
// Synchronize outputs (events)
|
|
49
|
-
for (const outputName of outputsToSync) {
|
|
50
|
-
// Map Angular output name to UI5 web component event name
|
|
51
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
52
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
53
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
54
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
55
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
56
|
-
this[outputName].emit(e);
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ColorPalette, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: ColorPalette, isStandalone: true, selector: "ui5-color-palette, [ui5-color-palette]", outputs: { ui5ItemClick: "ui5ItemClick" }, exportAs: ["ui5ColorPalette"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
63
|
-
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ColorPalette, decorators: [{
|
|
65
|
-
type: Component,
|
|
66
|
-
args: [{
|
|
67
|
-
standalone: true,
|
|
68
|
-
selector: 'ui5-color-palette, [ui5-color-palette]',
|
|
69
|
-
template: '<ng-content></ng-content>',
|
|
70
|
-
exportAs: 'ui5ColorPalette',
|
|
71
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
72
|
-
}]
|
|
73
|
-
}], propDecorators: { ui5ItemClick: [{ type: i0.Output, args: ["ui5ItemClick"] }] } });
|
|
74
|
-
|
|
75
|
-
/**
|
|
76
|
-
* Generated bundle index. Do not edit.
|
|
77
|
-
*/
|
|
78
|
-
|
|
79
|
-
export { ColorPalette };
|
|
80
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-color-palette.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-color-palette.mjs","sources":["../../../../libs/ui5-webcomponents/color-palette/index.ts","../../../../libs/ui5-webcomponents/color-palette/fundamental-ngx-ui5-webcomponents-color-palette.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/ColorPalette.js';\nimport { default as _ColorPalette } from '@ui5/webcomponents/dist/ColorPalette.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-color-palette, [ui5-color-palette]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ColorPalette',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ColorPalette implements AfterViewInit {\n // className is now passed\n\n\n\n /**\n * Fired when the user selects a color.\n */\n ui5ItemClick = output<UI5CustomEvent<_ColorPalette, 'item-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 `ui5-color-palette-item` elements.\n * \n * @example\n * ```html\n * <ui5-color-palette>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-color-palette>\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 `ui5-color-palette-item` elements.\"\n }\n ];\n\n\n public elementRef: ElementRef<_ColorPalette> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _ColorPalette {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n \n \n const outputsToSync = [\n 'ui5ItemClick',\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,YAAY,CAAA;AARzB,IAAA,WAAA,GAAA;;AAaE;;AAEG;QACH,IAAA,CAAA,YAAY,GAAG,MAAM,EAA+C;AAEpE;;;;;;;;;;;;;;;;;;AAkBG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG;AACb,YAAA;AACI,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,aAAa,EAAE;AAClB;SACJ;AAGM,QAAA,IAAA,CAAA,UAAU,GAA8B,MAAM,CAAC,UAAU,CAAC;AAC1D,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AA+BnC,IAAA;AA7BC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;IACtC;IAEA,eAAe,GAAA;AACb,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO;AAI9B,QAAA,MAAM,aAAa,GAAG;YACpB,cAAc;SACf;;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;8GApEW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,4KALb,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAK1B,YAAY,EAAA,UAAA,EAAA,CAAA;kBARxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,wCAAwC;AAClD,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,iBAAiB;oBAE3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC7BD;;AAEG;;;;"}
|
|
@@ -1,93 +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/ColorPicker.js';
|
|
4
|
-
|
|
5
|
-
class ColorPicker {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the currently selected color of the component.
|
|
9
|
-
|
|
10
|
-
**Note**: use HEX, RGB, RGBA, HSV formats or a CSS color name when modifying this property.
|
|
11
|
-
*/
|
|
12
|
-
this.value = input("rgba(255,255,255,1)", ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
13
|
-
/**
|
|
14
|
-
* Determines the name by which the component will be identified upon submission in an HTML form.
|
|
15
|
-
|
|
16
|
-
**Note:** This property is only applicable within the context of an HTML Form element.
|
|
17
|
-
*/
|
|
18
|
-
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
19
|
-
/**
|
|
20
|
-
* When set to `true`, the alpha slider and inputs for RGB values will not be displayed.
|
|
21
|
-
*/
|
|
22
|
-
this.simplified = input(false, { ...(ngDevMode ? { debugName: "simplified" } : {}), transform: booleanAttribute }); // className is now passed
|
|
23
|
-
/**
|
|
24
|
-
* Fired when the the selected color is changed
|
|
25
|
-
*/
|
|
26
|
-
this.ui5Change = output();
|
|
27
|
-
this.elementRef = inject(ElementRef);
|
|
28
|
-
this.injector = inject(Injector);
|
|
29
|
-
}
|
|
30
|
-
get element() {
|
|
31
|
-
return this.elementRef.nativeElement;
|
|
32
|
-
}
|
|
33
|
-
ngAfterViewInit() {
|
|
34
|
-
const wcElement = this.element;
|
|
35
|
-
const inputsToSync = [
|
|
36
|
-
'value',
|
|
37
|
-
'name',
|
|
38
|
-
'simplified',
|
|
39
|
-
];
|
|
40
|
-
// Synchronize inputs (properties)
|
|
41
|
-
for (const inputName of inputsToSync) {
|
|
42
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
43
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
44
|
-
// Use the Injector to run the effect in the correct context
|
|
45
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
46
|
-
runInInjectionContext(this.injector, () => {
|
|
47
|
-
effect(() => {
|
|
48
|
-
// Read the signal value
|
|
49
|
-
const value = this[signalName]();
|
|
50
|
-
if (wcElement) {
|
|
51
|
-
// Write the value to the Web Component's property
|
|
52
|
-
wcElement[inputName] = value;
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
const outputsToSync = [
|
|
59
|
-
'ui5Change',
|
|
60
|
-
];
|
|
61
|
-
// Synchronize outputs (events)
|
|
62
|
-
for (const outputName of outputsToSync) {
|
|
63
|
-
// Map Angular output name to UI5 web component event name
|
|
64
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
65
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
66
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
67
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
68
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
69
|
-
this[outputName].emit(e);
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ColorPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ColorPicker, isStandalone: true, selector: "ui5-color-picker, [ui5-color-picker]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, simplified: { classPropertyName: "simplified", publicName: "simplified", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, exportAs: ["ui5ColorPicker"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
76
|
-
}
|
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ColorPicker, decorators: [{
|
|
78
|
-
type: Component,
|
|
79
|
-
args: [{
|
|
80
|
-
standalone: true,
|
|
81
|
-
selector: 'ui5-color-picker, [ui5-color-picker]',
|
|
82
|
-
template: '<ng-content></ng-content>',
|
|
83
|
-
exportAs: 'ui5ColorPicker',
|
|
84
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
85
|
-
}]
|
|
86
|
-
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], simplified: [{ type: i0.Input, args: [{ isSignal: true, alias: "simplified", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
* Generated bundle index. Do not edit.
|
|
90
|
-
*/
|
|
91
|
-
|
|
92
|
-
export { ColorPicker };
|
|
93
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-color-picker.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-color-picker.mjs","sources":["../../../../libs/ui5-webcomponents/color-picker/index.ts","../../../../libs/ui5-webcomponents/color-picker/fundamental-ngx-ui5-webcomponents-color-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/ColorPicker.js';\nimport { default as _ColorPicker } from '@ui5/webcomponents/dist/ColorPicker.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-color-picker, [ui5-color-picker]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ColorPicker',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ColorPicker implements AfterViewInit {\n\n /**\n * Defines the currently selected color of the component.\n\n**Note**: use HEX, RGB, RGBA, HSV formats or a CSS color name when modifying this property.\n */\n value = input<typeof _ColorPicker.prototype.value | undefined>(\"rgba(255,255,255,1)\");\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 _ColorPicker.prototype.name | undefined>();\n\n /**\n * When set to `true`, the alpha slider and inputs for RGB values will not be displayed.\n */\n simplified = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n /**\n * Fired when the the selected color is changed\n */\n ui5Change = output<UI5CustomEvent<_ColorPicker, 'change'>>();\n\n\n public elementRef: ElementRef<_ColorPicker> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _ColorPicker {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'value',\n 'name',\n 'simplified',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n const outputsToSync = [\n 'ui5Change',\n ];\n \n // Synchronize outputs (events)\n for (const outputName of outputsToSync) {\n // Map Angular output name to UI5 web component event name\n const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n // Ensure the output property exists and has an emit function before adding listener\n if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n // Cast the listener to the correct type to satisfy TypeScript\n wcElement.addEventListener(eventName, (e) => {\n\n this[outputName].emit(e as CustomEvent<any>);\n });\n }\n }\n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,140 +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/ComboBoxItemGroup.js';
|
|
4
|
-
|
|
5
|
-
class ComboBoxItemGroup {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the header text of the <code>ui5-li-group</code>.
|
|
9
|
-
*/
|
|
10
|
-
this.headerText = input(...(ngDevMode ? [undefined, { debugName: "headerText" }] : []));
|
|
11
|
-
/**
|
|
12
|
-
* Defines the accessible name of the header.
|
|
13
|
-
*/
|
|
14
|
-
this.headerAccessibleName = input(...(ngDevMode ? [undefined, { debugName: "headerAccessibleName" }] : []));
|
|
15
|
-
/**
|
|
16
|
-
* Defines if the text of the component should wrap when it's too long.
|
|
17
|
-
When set to "Normal", the content (title, description) will be wrapped
|
|
18
|
-
using the `ui5-expandable-text` component.<br/>
|
|
19
|
-
|
|
20
|
-
The text can wrap up to 100 characters on small screens (size S) and
|
|
21
|
-
up to 300 characters on larger screens (size M and above). When text exceeds
|
|
22
|
-
these limits, it truncates with an ellipsis followed by a text expansion trigger.
|
|
23
|
-
|
|
24
|
-
Available options are:
|
|
25
|
-
- `None` (default) - The text will truncate with an ellipsis.
|
|
26
|
-
- `Normal` - The text will wrap (without truncation).
|
|
27
|
-
*/
|
|
28
|
-
this.wrappingType = input("None", ...(ngDevMode ? [{ debugName: "wrappingType" }] : [])); // className is now passed
|
|
29
|
-
/**
|
|
30
|
-
* Fired when a movable list item is moved over a potential drop target during a dragging operation.
|
|
31
|
-
|
|
32
|
-
If the new position is valid, prevent the default action of the event using `preventDefault()`.
|
|
33
|
-
*/
|
|
34
|
-
this.ui5MoveOver = output();
|
|
35
|
-
/**
|
|
36
|
-
* Fired when a movable list item is dropped onto a drop target.
|
|
37
|
-
|
|
38
|
-
**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.
|
|
39
|
-
*/
|
|
40
|
-
this.ui5Move = output();
|
|
41
|
-
/**
|
|
42
|
-
* Available slots for content projection in this component.
|
|
43
|
-
*
|
|
44
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
45
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
46
|
-
*
|
|
47
|
-
* - **(default)**: Defines the items of the <code>ui5-cb-item-group</code>.
|
|
48
|
-
* - **header**: Defines the header of the component.
|
|
49
|
-
|
|
50
|
-
**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.
|
|
51
|
-
*
|
|
52
|
-
* @example
|
|
53
|
-
* ```html
|
|
54
|
-
* <ui5-cb-item-group>
|
|
55
|
-
* <div slot="header">Custom header content</div>
|
|
56
|
-
* <p>Default slot content</p>
|
|
57
|
-
* </ui5-cb-item-group>
|
|
58
|
-
* ```
|
|
59
|
-
*
|
|
60
|
-
* @readonly
|
|
61
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
62
|
-
*/
|
|
63
|
-
this.slots = [
|
|
64
|
-
{
|
|
65
|
-
"name": "default",
|
|
66
|
-
"description": "Defines the items of the <code>ui5-cb-item-group</code>."
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
"name": "header",
|
|
70
|
-
"description": "Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten."
|
|
71
|
-
}
|
|
72
|
-
];
|
|
73
|
-
this.elementRef = inject(ElementRef);
|
|
74
|
-
this.injector = inject(Injector);
|
|
75
|
-
}
|
|
76
|
-
get element() {
|
|
77
|
-
return this.elementRef.nativeElement;
|
|
78
|
-
}
|
|
79
|
-
ngAfterViewInit() {
|
|
80
|
-
const wcElement = this.element;
|
|
81
|
-
const inputsToSync = [
|
|
82
|
-
'headerText',
|
|
83
|
-
'headerAccessibleName',
|
|
84
|
-
'wrappingType',
|
|
85
|
-
];
|
|
86
|
-
// Synchronize inputs (properties)
|
|
87
|
-
for (const inputName of inputsToSync) {
|
|
88
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
89
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
90
|
-
// Use the Injector to run the effect in the correct context
|
|
91
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
92
|
-
runInInjectionContext(this.injector, () => {
|
|
93
|
-
effect(() => {
|
|
94
|
-
// Read the signal value
|
|
95
|
-
const value = this[signalName]();
|
|
96
|
-
if (wcElement) {
|
|
97
|
-
// Write the value to the Web Component's property
|
|
98
|
-
wcElement[inputName] = value;
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
const outputsToSync = [
|
|
105
|
-
'ui5MoveOver',
|
|
106
|
-
'ui5Move',
|
|
107
|
-
];
|
|
108
|
-
// Synchronize outputs (events)
|
|
109
|
-
for (const outputName of outputsToSync) {
|
|
110
|
-
// Map Angular output name to UI5 web component event name
|
|
111
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
112
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
113
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
114
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
115
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
116
|
-
this[outputName].emit(e);
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ComboBoxItemGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
122
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ComboBoxItemGroup, isStandalone: true, selector: "ui5-cb-item-group, [ui5-cb-item-group]", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, headerAccessibleName: { classPropertyName: "headerAccessibleName", publicName: "headerAccessibleName", isSignal: true, isRequired: false, transformFunction: null }, wrappingType: { classPropertyName: "wrappingType", publicName: "wrappingType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5MoveOver: "ui5MoveOver", ui5Move: "ui5Move" }, exportAs: ["ui5ComboBoxItemGroup"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
123
|
-
}
|
|
124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ComboBoxItemGroup, decorators: [{
|
|
125
|
-
type: Component,
|
|
126
|
-
args: [{
|
|
127
|
-
standalone: true,
|
|
128
|
-
selector: 'ui5-cb-item-group, [ui5-cb-item-group]',
|
|
129
|
-
template: '<ng-content></ng-content>',
|
|
130
|
-
exportAs: 'ui5ComboBoxItemGroup',
|
|
131
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
132
|
-
}]
|
|
133
|
-
}], propDecorators: { headerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerText", required: false }] }], headerAccessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerAccessibleName", required: false }] }], wrappingType: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrappingType", required: false }] }], ui5MoveOver: [{ type: i0.Output, args: ["ui5MoveOver"] }], ui5Move: [{ type: i0.Output, args: ["ui5Move"] }] } });
|
|
134
|
-
|
|
135
|
-
/**
|
|
136
|
-
* Generated bundle index. Do not edit.
|
|
137
|
-
*/
|
|
138
|
-
|
|
139
|
-
export { ComboBoxItemGroup };
|
|
140
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs","sources":["../../../../libs/ui5-webcomponents/combo-box-item-group/index.ts","../../../../libs/ui5-webcomponents/combo-box-item-group/fundamental-ngx-ui5-webcomponents-combo-box-item-group.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/ComboBoxItemGroup.js';\nimport { default as _ComboBoxItemGroup } from '@ui5/webcomponents/dist/ComboBoxItemGroup.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as WrappingType } from '@ui5/webcomponents/dist/types/WrappingType.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-cb-item-group, [ui5-cb-item-group]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ComboBoxItemGroup',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ComboBoxItemGroup implements AfterViewInit {\n\n /**\n * Defines the header text of the <code>ui5-li-group</code>.\n */\n headerText = input<typeof _ComboBoxItemGroup.prototype.headerText | undefined>();\n\n /**\n * Defines the accessible name of the header.\n */\n headerAccessibleName = input<typeof _ComboBoxItemGroup.prototype.headerAccessibleName | undefined>();\n\n /**\n * Defines if the text of the component should wrap when it's too long.\nWhen set to \"Normal\", the content (title, description) will be wrapped\nusing the `ui5-expandable-text` component.<br/>\n\nThe text can wrap up to 100 characters on small screens (size S) and\nup to 300 characters on larger screens (size M and above). When text exceeds\nthese limits, it truncates with an ellipsis followed by a text expansion trigger.\n\nAvailable options are:\n- `None` (default) - The text will truncate with an ellipsis.\n- `Normal` - The text will wrap (without truncation).\n */\n wrappingType = input<typeof _ComboBoxItemGroup.prototype.wrappingType | undefined>(\"None\"); // className is now passed\n\n\n\n /**\n * Fired when a movable list item is moved over a potential drop target during a dragging operation.\n\nIf the new position is valid, prevent the default action of the event using `preventDefault()`.\n */\n ui5MoveOver = output<UI5CustomEvent<_ComboBoxItemGroup, 'move-over'>>();\n\n /**\n * Fired when a movable list item is dropped onto a drop target.\n\n**Note:** `move` event is fired only if there was a preceding `move-over` with prevented default action.\n */\n ui5Move = output<UI5CustomEvent<_ComboBoxItemGroup, 'move'>>();\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 items of the <code>ui5-cb-item-group</code>.\n * - **header**: Defines the header of the component.\n\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.\n * \n * @example\n * ```html\n * <ui5-cb-item-group>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-cb-item-group>\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 items of the <code>ui5-cb-item-group</code>.\"\n },\n {\n \"name\": \"header\",\n \"description\": \"Defines the header of the component.\\n\\n**Note:** Using this slot, the default header text of group and the value of `headerText` property will be overwritten.\"\n }\n ];\n\n\n public elementRef: ElementRef<_ComboBoxItemGroup> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _ComboBoxItemGroup {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'headerText',\n 'headerAccessibleName',\n 'wrappingType',\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 'ui5MoveOver',\n 'ui5Move',\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,65 +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/ComboBoxItem.js';
|
|
4
|
-
|
|
5
|
-
class ComboBoxItem {
|
|
6
|
-
constructor() {
|
|
7
|
-
/**
|
|
8
|
-
* Defines the text of the component.
|
|
9
|
-
*/
|
|
10
|
-
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
11
|
-
/**
|
|
12
|
-
* Defines the additional text of the component.
|
|
13
|
-
*/
|
|
14
|
-
this.additionalText = input(...(ngDevMode ? [undefined, { debugName: "additionalText" }] : [])); // className is now passed
|
|
15
|
-
this.elementRef = inject(ElementRef);
|
|
16
|
-
this.injector = inject(Injector);
|
|
17
|
-
}
|
|
18
|
-
get element() {
|
|
19
|
-
return this.elementRef.nativeElement;
|
|
20
|
-
}
|
|
21
|
-
ngAfterViewInit() {
|
|
22
|
-
const wcElement = this.element;
|
|
23
|
-
const inputsToSync = [
|
|
24
|
-
'text',
|
|
25
|
-
'additionalText',
|
|
26
|
-
];
|
|
27
|
-
// Synchronize inputs (properties)
|
|
28
|
-
for (const inputName of inputsToSync) {
|
|
29
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
30
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
31
|
-
// Use the Injector to run the effect in the correct context
|
|
32
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
33
|
-
runInInjectionContext(this.injector, () => {
|
|
34
|
-
effect(() => {
|
|
35
|
-
// Read the signal value
|
|
36
|
-
const value = this[signalName]();
|
|
37
|
-
if (wcElement) {
|
|
38
|
-
// Write the value to the Web Component's property
|
|
39
|
-
wcElement[inputName] = value;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ComboBoxItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ComboBoxItem, isStandalone: true, selector: "ui5-cb-item, [ui5-cb-item]", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, additionalText: { classPropertyName: "additionalText", publicName: "additionalText", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5ComboBoxItem"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
48
|
-
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ComboBoxItem, decorators: [{
|
|
50
|
-
type: Component,
|
|
51
|
-
args: [{
|
|
52
|
-
standalone: true,
|
|
53
|
-
selector: 'ui5-cb-item, [ui5-cb-item]',
|
|
54
|
-
template: '<ng-content></ng-content>',
|
|
55
|
-
exportAs: 'ui5ComboBoxItem',
|
|
56
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
57
|
-
}]
|
|
58
|
-
}], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], additionalText: [{ type: i0.Input, args: [{ isSignal: true, alias: "additionalText", required: false }] }] } });
|
|
59
|
-
|
|
60
|
-
/**
|
|
61
|
-
* Generated bundle index. Do not edit.
|
|
62
|
-
*/
|
|
63
|
-
|
|
64
|
-
export { ComboBoxItem };
|
|
65
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-combo-box-item.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-combo-box-item.mjs","sources":["../../../../libs/ui5-webcomponents/combo-box-item/index.ts","../../../../libs/ui5-webcomponents/combo-box-item/fundamental-ngx-ui5-webcomponents-combo-box-item.ts"],"sourcesContent":["\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n input,\n output,\n AfterViewInit,\n effect,\n runInInjectionContext,\n inject,\n Injector,\n booleanAttribute,\n computed,\n signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/ComboBoxItem.js';\nimport { default as _ComboBoxItem } from '@ui5/webcomponents/dist/ComboBoxItem.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-cb-item, [ui5-cb-item]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ComboBoxItem',\n\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ComboBoxItem implements AfterViewInit {\n\n /**\n * Defines the text of the component.\n */\n text = input<typeof _ComboBoxItem.prototype.text | undefined>();\n\n /**\n * Defines the additional text of the component.\n */\n additionalText = input<typeof _ComboBoxItem.prototype.additionalText | undefined>(); // className is now passed\n\n\n\n\n\n public elementRef: ElementRef<_ComboBoxItem> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _ComboBoxItem {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'text',\n 'additionalText',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MA8Ba,YAAY,CAAA;AARzB,IAAA,WAAA,GAAA;AAUE;;AAEG;QACH,IAAA,CAAA,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAmD;AAE/D;;AAEG;AACH,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA6D,CAAC;AAM7E,QAAA,IAAA,CAAA,UAAU,GAA8B,MAAM,CAAC,UAAU,CAAC;AAC1D,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAsCnC,IAAA;AApCC,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,gBAAgB;SACjB;;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;8GAtDW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,yYALb,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAK1B,YAAY,EAAA,UAAA,EAAA,CAAA;kBARxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,iBAAiB;oBAE3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC7BD;;AAEG;;;;"}
|