@fundamental-ngx/ui5-webcomponents 0.61.2-rc.9 → 0.61.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 +3 -491
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs +0 -92
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs +0 -177
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs +0 -242
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs +0 -132
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs +0 -125
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs +0 -133
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs +0 -121
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs +0 -88
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs +0 -235
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs +0 -83
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs +0 -77
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs +0 -81
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs +0 -116
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs +0 -205
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs +0 -143
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs +0 -126
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs +0 -200
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs +0 -210
- package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs +0 -86
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs +0 -169
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs +0 -125
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs +0 -119
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs +0 -156
- 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 -104
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs +0 -269
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs +0 -303
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs +0 -329
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-input.mjs +0 -297
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs +0 -303
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-day-picker.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-day-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +0 -242
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-drop-indicator.mjs +0 -91
- package/fesm2022/fundamental-ngx-ui5-webcomponents-drop-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs +0 -101
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs +0 -91
- package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs +0 -263
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs +0 -123
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs +0 -112
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs +0 -185
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs +0 -143
- package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs +0 -297
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs +0 -128
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs +0 -235
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs +0 -179
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group-header.mjs +0 -120
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group-header.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs +0 -156
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs +0 -246
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs +0 -298
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs +0 -102
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs +0 -279
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs +0 -52
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs +0 -178
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs +0 -153
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-month-picker.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-month-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs +0 -156
- 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 -95
- 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 -285
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs +0 -321
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs +0 -128
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs +0 -172
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs +0 -242
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs +0 -104
- package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs +0 -188
- package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs +0 -188
- package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs +0 -156
- package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs +0 -242
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs +0 -146
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs +0 -180
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs +0 -292
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-handle.mjs +0 -106
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-handle.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-tooltip.mjs +0 -52
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-tooltip.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs +0 -183
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs +0 -82
- package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs +0 -175
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs +0 -203
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs +0 -102
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs +0 -156
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs +0 -81
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-list-item.mjs +0 -246
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-list-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs +0 -186
- package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs +0 -195
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs +0 -52
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs +0 -150
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs +0 -101
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs +0 -117
- 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 -71
- 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 -161
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs +0 -105
- 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 -102
- 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 -114
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs +0 -133
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs +0 -105
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs +0 -100
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs +0 -100
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs +0 -111
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs +0 -213
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs +0 -159
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs +0 -260
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs +0 -106
- 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-clock.mjs +0 -52
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker-clock.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs +0 -239
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-clocks.mjs +0 -86
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-clocks.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-inputs.mjs +0 -86
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-inputs.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs +0 -120
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs +0 -136
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs +0 -240
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-spin-button.mjs +0 -240
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-spin-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs +0 -108
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs +0 -168
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs +0 -194
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-item.mjs +0 -109
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +0 -103
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs +0 -183
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs +0 -83
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs +0 -90
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs +0 -240
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs +0 -240
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs +0 -215
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-year-picker.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-year-picker.mjs.map +0 -1
- package/fesm2022/fundamental-ngx-ui5-webcomponents-year-range-picker.mjs +0 -118
- package/fesm2022/fundamental-ngx-ui5-webcomponents-year-range-picker.mjs.map +0 -1
- package/types/fundamental-ngx-ui5-webcomponents-avatar-badge.d.ts +0 -39
- package/types/fundamental-ngx-ui5-webcomponents-avatar-group.d.ts +0 -103
- package/types/fundamental-ngx-ui5-webcomponents-avatar.d.ts +0 -160
- package/types/fundamental-ngx-ui5-webcomponents-bar.d.ts +0 -67
- package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.d.ts +0 -69
- package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs.d.ts +0 -64
- package/types/fundamental-ngx-ui5-webcomponents-busy-indicator.d.ts +0 -63
- package/types/fundamental-ngx-ui5-webcomponents-button-badge.d.ts +0 -35
- package/types/fundamental-ngx-ui5-webcomponents-button.d.ts +0 -155
- package/types/fundamental-ngx-ui5-webcomponents-calendar-date-range.d.ts +0 -30
- package/types/fundamental-ngx-ui5-webcomponents-calendar-date.d.ts +0 -25
- package/types/fundamental-ngx-ui5-webcomponents-calendar-legend-item.d.ts +0 -28
- package/types/fundamental-ngx-ui5-webcomponents-calendar-legend.d.ts +0 -59
- package/types/fundamental-ngx-ui5-webcomponents-calendar.d.ts +0 -118
- package/types/fundamental-ngx-ui5-webcomponents-card-header.d.ts +0 -68
- package/types/fundamental-ngx-ui5-webcomponents-card.d.ts +0 -69
- package/types/fundamental-ngx-ui5-webcomponents-carousel.d.ts +0 -120
- package/types/fundamental-ngx-ui5-webcomponents-check-box.d.ts +0 -114
- package/types/fundamental-ngx-ui5-webcomponents-color-palette-item.d.ts +0 -33
- package/types/fundamental-ngx-ui5-webcomponents-color-palette-popover.d.ts +0 -92
- package/types/fundamental-ngx-ui5-webcomponents-color-palette.d.ts +0 -56
- package/types/fundamental-ngx-ui5-webcomponents-color-picker.d.ts +0 -49
- package/types/fundamental-ngx-ui5-webcomponents-combo-box-item-group.d.ts +0 -81
- package/types/fundamental-ngx-ui5-webcomponents-combo-box-item.d.ts +0 -50
- package/types/fundamental-ngx-ui5-webcomponents-combo-box.d.ts +0 -160
- package/types/fundamental-ngx-ui5-webcomponents-date-picker.d.ts +0 -188
- package/types/fundamental-ngx-ui5-webcomponents-date-range-picker.d.ts +0 -207
- package/types/fundamental-ngx-ui5-webcomponents-date-time-input.d.ts +0 -185
- package/types/fundamental-ngx-ui5-webcomponents-date-time-picker.d.ts +0 -188
- package/types/fundamental-ngx-ui5-webcomponents-day-picker.d.ts +0 -59
- package/types/fundamental-ngx-ui5-webcomponents-dialog.d.ts +0 -150
- package/types/fundamental-ngx-ui5-webcomponents-drop-indicator.d.ts +0 -36
- package/types/fundamental-ngx-ui5-webcomponents-dynamic-date-range.d.ts +0 -35
- package/types/fundamental-ngx-ui5-webcomponents-expandable-text.d.ts +0 -36
- package/types/fundamental-ngx-ui5-webcomponents-file-uploader.d.ts +0 -142
- package/types/fundamental-ngx-ui5-webcomponents-form-group.d.ts +0 -65
- package/types/fundamental-ngx-ui5-webcomponents-form-item.d.ts +0 -54
- package/types/fundamental-ngx-ui5-webcomponents-form.d.ts +0 -119
- package/types/fundamental-ngx-ui5-webcomponents-icon.d.ts +0 -73
- package/types/fundamental-ngx-ui5-webcomponents-input.d.ts +0 -185
- package/types/fundamental-ngx-ui5-webcomponents-label.d.ts +0 -71
- package/types/fundamental-ngx-ui5-webcomponents-link.d.ts +0 -155
- package/types/fundamental-ngx-ui5-webcomponents-list-item-custom.d.ts +0 -105
- package/types/fundamental-ngx-ui5-webcomponents-list-item-group-header.d.ts +0 -65
- package/types/fundamental-ngx-ui5-webcomponents-list-item-group.d.ts +0 -81
- package/types/fundamental-ngx-ui5-webcomponents-list-item-standard.d.ts +0 -160
- package/types/fundamental-ngx-ui5-webcomponents-list.d.ts +0 -203
- package/types/fundamental-ngx-ui5-webcomponents-menu-item-group.d.ts +0 -48
- package/types/fundamental-ngx-ui5-webcomponents-menu-item.d.ts +0 -189
- package/types/fundamental-ngx-ui5-webcomponents-menu-separator.d.ts +0 -20
- package/types/fundamental-ngx-ui5-webcomponents-menu.d.ts +0 -100
- package/types/fundamental-ngx-ui5-webcomponents-message-strip.d.ts +0 -78
- package/types/fundamental-ngx-ui5-webcomponents-month-picker.d.ts +0 -59
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.d.ts +0 -81
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.d.ts +0 -40
- package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box.d.ts +0 -173
- package/types/fundamental-ngx-ui5-webcomponents-multi-input.d.ts +0 -202
- package/types/fundamental-ngx-ui5-webcomponents-option-custom.d.ts +0 -61
- package/types/fundamental-ngx-ui5-webcomponents-option.d.ts +0 -70
- package/types/fundamental-ngx-ui5-webcomponents-panel.d.ts +0 -93
- package/types/fundamental-ngx-ui5-webcomponents-popover.d.ts +0 -146
- package/types/fundamental-ngx-ui5-webcomponents-progress-indicator.d.ts +0 -48
- package/types/fundamental-ngx-ui5-webcomponents-radio-button.d.ts +0 -94
- package/types/fundamental-ngx-ui5-webcomponents-range-slider.d.ts +0 -92
- package/types/fundamental-ngx-ui5-webcomponents-rating-indicator.d.ts +0 -80
- package/types/fundamental-ngx-ui5-webcomponents-responsive-popover.d.ts +0 -146
- package/types/fundamental-ngx-ui5-webcomponents-segmented-button-item.d.ts +0 -85
- package/types/fundamental-ngx-ui5-webcomponents-segmented-button.d.ts +0 -87
- package/types/fundamental-ngx-ui5-webcomponents-select.d.ts +0 -161
- package/types/fundamental-ngx-ui5-webcomponents-slider-handle.d.ts +0 -50
- package/types/fundamental-ngx-ui5-webcomponents-slider-tooltip.d.ts +0 -20
- package/types/fundamental-ngx-ui5-webcomponents-slider.d.ts +0 -88
- package/types/fundamental-ngx-ui5-webcomponents-special-calendar-date.d.ts +0 -29
- package/types/fundamental-ngx-ui5-webcomponents-split-button.d.ts +0 -102
- package/types/fundamental-ngx-ui5-webcomponents-step-input.d.ts +0 -121
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.d.ts +0 -48
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-group.d.ts +0 -81
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-item.d.ts +0 -28
- package/types/fundamental-ngx-ui5-webcomponents-suggestion-list-item.d.ts +0 -155
- package/types/fundamental-ngx-ui5-webcomponents-switch.d.ts +0 -92
- package/types/fundamental-ngx-ui5-webcomponents-tab-container.d.ts +0 -114
- package/types/fundamental-ngx-ui5-webcomponents-tab-separator.d.ts +0 -20
- package/types/fundamental-ngx-ui5-webcomponents-tab.d.ts +0 -86
- package/types/fundamental-ngx-ui5-webcomponents-table-cell.d.ts +0 -47
- package/types/fundamental-ngx-ui5-webcomponents-table-growing.d.ts +0 -49
- package/types/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.d.ts +0 -25
- package/types/fundamental-ngx-ui5-webcomponents-table-header-cell.d.ts +0 -101
- package/types/fundamental-ngx-ui5-webcomponents-table-header-row.d.ts +0 -51
- package/types/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.d.ts +0 -35
- package/types/fundamental-ngx-ui5-webcomponents-table-row-action.d.ts +0 -46
- package/types/fundamental-ngx-ui5-webcomponents-table-row.d.ts +0 -75
- package/types/fundamental-ngx-ui5-webcomponents-table-selection-multi.d.ts +0 -37
- package/types/fundamental-ngx-ui5-webcomponents-table-selection-single.d.ts +0 -33
- package/types/fundamental-ngx-ui5-webcomponents-table-selection.d.ts +0 -33
- package/types/fundamental-ngx-ui5-webcomponents-table-virtualizer.d.ts +0 -43
- package/types/fundamental-ngx-ui5-webcomponents-table.d.ts +0 -123
- package/types/fundamental-ngx-ui5-webcomponents-tag.d.ts +0 -82
- package/types/fundamental-ngx-ui5-webcomponents-text-area.d.ts +0 -156
- package/types/fundamental-ngx-ui5-webcomponents-text.d.ts +0 -51
- package/types/fundamental-ngx-ui5-webcomponents-theming.d.ts +0 -11
- package/types/fundamental-ngx-ui5-webcomponents-time-picker-clock.d.ts +0 -20
- package/types/fundamental-ngx-ui5-webcomponents-time-picker.d.ts +0 -136
- package/types/fundamental-ngx-ui5-webcomponents-time-selection-clocks.d.ts +0 -33
- package/types/fundamental-ngx-ui5-webcomponents-time-selection-inputs.d.ts +0 -33
- package/types/fundamental-ngx-ui5-webcomponents-title.d.ts +0 -64
- package/types/fundamental-ngx-ui5-webcomponents-toast.d.ts +0 -66
- package/types/fundamental-ngx-ui5-webcomponents-toggle-button.d.ts +0 -159
- package/types/fundamental-ngx-ui5-webcomponents-toggle-spin-button.d.ts +0 -159
- package/types/fundamental-ngx-ui5-webcomponents-token.d.ts +0 -53
- package/types/fundamental-ngx-ui5-webcomponents-tokenizer.d.ts +0 -93
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-button.d.ts +0 -118
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-item.d.ts +0 -54
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-select-option.d.ts +0 -49
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-select.d.ts +0 -106
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-separator.d.ts +0 -30
- package/types/fundamental-ngx-ui5-webcomponents-toolbar-spacer.d.ts +0 -36
- package/types/fundamental-ngx-ui5-webcomponents-toolbar.d.ts +0 -61
- package/types/fundamental-ngx-ui5-webcomponents-tree-item-custom.d.ts +0 -151
- package/types/fundamental-ngx-ui5-webcomponents-tree-item.d.ts +0 -154
- package/types/fundamental-ngx-ui5-webcomponents-tree.d.ts +0 -129
- package/types/fundamental-ngx-ui5-webcomponents-year-picker.d.ts +0 -59
- package/types/fundamental-ngx-ui5-webcomponents-year-range-picker.d.ts +0 -59
|
@@ -1,116 +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/CalendarLegend.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class CalendarLegend {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Hides the Non-Working day item in the legend.
|
|
10
|
-
*/
|
|
11
|
-
this.hideNonWorkingDay = input(false, { ...(ngDevMode ? { debugName: "hideNonWorkingDay" } : {}), transform: booleanAttribute });
|
|
12
|
-
/**
|
|
13
|
-
* Hides the Selected day item in the legend.
|
|
14
|
-
*/
|
|
15
|
-
this.hideSelectedDay = input(false, { ...(ngDevMode ? { debugName: "hideSelectedDay" } : {}), transform: booleanAttribute });
|
|
16
|
-
/**
|
|
17
|
-
* Hides the Today item in the legend.
|
|
18
|
-
*/
|
|
19
|
-
this.hideToday = input(false, { ...(ngDevMode ? { debugName: "hideToday" } : {}), transform: booleanAttribute });
|
|
20
|
-
/**
|
|
21
|
-
* Hides the Working day item in the legend.
|
|
22
|
-
*/
|
|
23
|
-
this.hideWorkingDay = input(false, { ...(ngDevMode ? { debugName: "hideWorkingDay" } : {}), transform: booleanAttribute }); // className is now passed
|
|
24
|
-
/**
|
|
25
|
-
* Available slots for content projection in this component.
|
|
26
|
-
*
|
|
27
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
28
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
29
|
-
*
|
|
30
|
-
* - **(default)**: Defines the items of the component.
|
|
31
|
-
*
|
|
32
|
-
* @example
|
|
33
|
-
* ```html
|
|
34
|
-
* <ui5-calendar-legend>
|
|
35
|
-
* <div slot="header">Custom header content</div>
|
|
36
|
-
* <p>Default slot content</p>
|
|
37
|
-
* </ui5-calendar-legend>
|
|
38
|
-
* ```
|
|
39
|
-
*
|
|
40
|
-
* @readonly
|
|
41
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
42
|
-
*/
|
|
43
|
-
this.slots = [
|
|
44
|
-
{
|
|
45
|
-
"name": "default",
|
|
46
|
-
"description": "Defines the items of the component."
|
|
47
|
-
}
|
|
48
|
-
];
|
|
49
|
-
this.elementRef = inject(ElementRef);
|
|
50
|
-
this.injector = inject(Injector);
|
|
51
|
-
/**
|
|
52
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
53
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
54
|
-
* @private
|
|
55
|
-
*/
|
|
56
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
57
|
-
}
|
|
58
|
-
get element() {
|
|
59
|
-
return this.elementRef.nativeElement;
|
|
60
|
-
}
|
|
61
|
-
ngAfterViewInit() {
|
|
62
|
-
const wcElement = this.element;
|
|
63
|
-
const inputsToSync = [
|
|
64
|
-
'hideNonWorkingDay',
|
|
65
|
-
'hideSelectedDay',
|
|
66
|
-
'hideToday',
|
|
67
|
-
'hideWorkingDay',
|
|
68
|
-
];
|
|
69
|
-
// Synchronize inputs (properties)
|
|
70
|
-
for (const inputName of inputsToSync) {
|
|
71
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
72
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
73
|
-
// Use the Injector to run the effect in the correct context
|
|
74
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
75
|
-
runInInjectionContext(this.injector, () => {
|
|
76
|
-
effect(() => {
|
|
77
|
-
// Read the signal value
|
|
78
|
-
const value = this[signalName]();
|
|
79
|
-
if (wcElement) {
|
|
80
|
-
// Write the value to the Web Component's property
|
|
81
|
-
wcElement[inputName] = value;
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CalendarLegend, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
89
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: CalendarLegend, isStandalone: true, selector: "ui5-calendar-legend, [ui5-calendar-legend]", inputs: { hideNonWorkingDay: { classPropertyName: "hideNonWorkingDay", publicName: "hideNonWorkingDay", isSignal: true, isRequired: false, transformFunction: null }, hideSelectedDay: { classPropertyName: "hideSelectedDay", publicName: "hideSelectedDay", isSignal: true, isRequired: false, transformFunction: null }, hideToday: { classPropertyName: "hideToday", publicName: "hideToday", isSignal: true, isRequired: false, transformFunction: null }, hideWorkingDay: { classPropertyName: "hideWorkingDay", publicName: "hideWorkingDay", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
90
|
-
contentDensityObserverProviders({
|
|
91
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
92
|
-
})
|
|
93
|
-
], exportAs: ["ui5CalendarLegend"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
94
|
-
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CalendarLegend, decorators: [{
|
|
96
|
-
type: Component,
|
|
97
|
-
args: [{
|
|
98
|
-
standalone: true,
|
|
99
|
-
selector: 'ui5-calendar-legend, [ui5-calendar-legend]',
|
|
100
|
-
template: '<ng-content></ng-content>',
|
|
101
|
-
exportAs: 'ui5CalendarLegend',
|
|
102
|
-
providers: [
|
|
103
|
-
contentDensityObserverProviders({
|
|
104
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
105
|
-
})
|
|
106
|
-
],
|
|
107
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
108
|
-
}]
|
|
109
|
-
}], propDecorators: { hideNonWorkingDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideNonWorkingDay", required: false }] }], hideSelectedDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideSelectedDay", required: false }] }], hideToday: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideToday", required: false }] }], hideWorkingDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideWorkingDay", required: false }] }] } });
|
|
110
|
-
|
|
111
|
-
/**
|
|
112
|
-
* Generated bundle index. Do not edit.
|
|
113
|
-
*/
|
|
114
|
-
|
|
115
|
-
export { CalendarLegend };
|
|
116
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-calendar-legend.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-calendar-legend.mjs","sources":["../../../../libs/ui5-webcomponents/calendar-legend/index.ts","../../../../libs/ui5-webcomponents/calendar-legend/fundamental-ngx-ui5-webcomponents-calendar-legend.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/CalendarLegend.js';\nimport { default as _CalendarLegend } from '@ui5/webcomponents/dist/CalendarLegend.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-calendar-legend, [ui5-calendar-legend]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5CalendarLegend',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalendarLegend implements AfterViewInit {\n\n /**\n * Hides the Non-Working day item in the legend.\n */\n hideNonWorkingDay = input(false, { transform: booleanAttribute });\n\n /**\n * Hides the Selected day item in the legend.\n */\n hideSelectedDay = input(false, { transform: booleanAttribute });\n\n /**\n * Hides the Today item in the legend.\n */\n hideToday = input(false, { transform: booleanAttribute });\n\n /**\n * Hides the Working day item in the legend.\n */\n hideWorkingDay = 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 items of the component.\n *\n * @example\n * ```html\n * <ui5-calendar-legend>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-calendar-legend>\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 component.\"\n }\n ];\n\n\n public elementRef: ElementRef<_CalendarLegend> = inject(ElementRef);\n public injector = inject(Injector);\n\n /**\n * Content density observer is injected to activate automatic CSS class and\n * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n * @private\n */\n private readonly _contentDensityObserver = inject(ContentDensityObserver);\n\n get element(): _CalendarLegend {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'hideNonWorkingDay',\n 'hideSelectedDay',\n 'hideToday',\n 'hideWorkingDay',\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,205 +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/Calendar.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class Calendar {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Defines how to calculate calendar weeks and first day of the week.
|
|
10
|
-
If not set, the calendar will be displayed according to the currently set global configuration.
|
|
11
|
-
*/
|
|
12
|
-
this.calendarWeekNumbering = input("Default", ...(ngDevMode ? [{ debugName: "calendarWeekNumbering" }] : []));
|
|
13
|
-
/**
|
|
14
|
-
* Determines the format, displayed in the input field.
|
|
15
|
-
*/
|
|
16
|
-
this.displayFormat = input(...(ngDevMode ? [undefined, { debugName: "displayFormat" }] : []));
|
|
17
|
-
/**
|
|
18
|
-
* Determines the format, displayed in the input field.
|
|
19
|
-
*/
|
|
20
|
-
this.formatPattern = input(...(ngDevMode ? [undefined, { debugName: "formatPattern" }] : []));
|
|
21
|
-
/**
|
|
22
|
-
* Defines the visibility of the week numbers column.
|
|
23
|
-
|
|
24
|
-
**Note:** For calendars other than Gregorian,
|
|
25
|
-
the week numbers are not displayed regardless of what is set.
|
|
26
|
-
*/
|
|
27
|
-
this.hideWeekNumbers = input(false, { ...(ngDevMode ? { debugName: "hideWeekNumbers" } : {}), transform: booleanAttribute });
|
|
28
|
-
/**
|
|
29
|
-
* Determines the maximum date available for selection.
|
|
30
|
-
|
|
31
|
-
**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).
|
|
32
|
-
*/
|
|
33
|
-
this.maxDate = input("", ...(ngDevMode ? [{ debugName: "maxDate" }] : []));
|
|
34
|
-
/**
|
|
35
|
-
* Determines the minimum date available for selection.
|
|
36
|
-
|
|
37
|
-
**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).
|
|
38
|
-
*/
|
|
39
|
-
this.minDate = input("", ...(ngDevMode ? [{ debugName: "minDate" }] : []));
|
|
40
|
-
/**
|
|
41
|
-
* Sets a calendar type used for display.
|
|
42
|
-
If not set, the calendar type of the global configuration is used.
|
|
43
|
-
*/
|
|
44
|
-
this.primaryCalendarType = input(...(ngDevMode ? [undefined, { debugName: "primaryCalendarType" }] : []));
|
|
45
|
-
/**
|
|
46
|
-
* Defines the secondary calendar type.
|
|
47
|
-
If not set, the calendar will only show the primary calendar type.
|
|
48
|
-
*/
|
|
49
|
-
this.secondaryCalendarType = input(...(ngDevMode ? [undefined, { debugName: "secondaryCalendarType" }] : []));
|
|
50
|
-
/**
|
|
51
|
-
* Defines the type of selection used in the calendar component.
|
|
52
|
-
Accepted property values are:
|
|
53
|
-
|
|
54
|
-
- `CalendarSelectionMode.Single` - enables a single date selection.(default value)
|
|
55
|
-
- `CalendarSelectionMode.Range` - enables selection of a date range.
|
|
56
|
-
- `CalendarSelectionMode.Multiple` - enables selection of multiple dates.
|
|
57
|
-
*/
|
|
58
|
-
this.selectionMode = input("Single", ...(ngDevMode ? [{ debugName: "selectionMode" }] : []));
|
|
59
|
-
/**
|
|
60
|
-
* Determines the format, used for the value attribute.
|
|
61
|
-
*/
|
|
62
|
-
this.valueFormat = input(...(ngDevMode ? [undefined, { debugName: "valueFormat" }] : [])); // className is now passed
|
|
63
|
-
/**
|
|
64
|
-
* Fired when the selected dates change.
|
|
65
|
-
|
|
66
|
-
**Note:** If you call `preventDefault()` for this event, the component will not
|
|
67
|
-
create instances of `ui5-date` for the newly selected dates. In that case you should do this manually.
|
|
68
|
-
*/
|
|
69
|
-
this.ui5SelectionChange = output();
|
|
70
|
-
/**
|
|
71
|
-
* Available slots for content projection in this component.
|
|
72
|
-
*
|
|
73
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
74
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
75
|
-
*
|
|
76
|
-
* - **calendarLegend**: Defines the calendar legend of the component.
|
|
77
|
-
* - **(default)**: Defines the selected date or dates (depending on the `selectionMode` property)
|
|
78
|
-
for this calendar as instances of `ui5-date` or `ui5-date-range`.
|
|
79
|
-
Use `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection.
|
|
80
|
-
* - **disabledDates**: Defines the disabled date ranges that cannot be selected in the calendar.
|
|
81
|
-
Use `ui5-date-range` elements to specify ranges of disabled dates.
|
|
82
|
-
Each range can define a start date, an end date, or both.
|
|
83
|
-
* - **specialDates**: Defines the special dates, visually emphasized in the calendar.
|
|
84
|
-
*
|
|
85
|
-
* @example
|
|
86
|
-
* ```html
|
|
87
|
-
* <ui5-calendar>
|
|
88
|
-
* <div slot="header">Custom header content</div>
|
|
89
|
-
* <p>Default slot content</p>
|
|
90
|
-
* </ui5-calendar>
|
|
91
|
-
* ```
|
|
92
|
-
*
|
|
93
|
-
* @readonly
|
|
94
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
95
|
-
*/
|
|
96
|
-
this.slots = [
|
|
97
|
-
{
|
|
98
|
-
"name": "calendarLegend",
|
|
99
|
-
"description": "Defines the calendar legend of the component.",
|
|
100
|
-
"since": "1.23.0"
|
|
101
|
-
},
|
|
102
|
-
{
|
|
103
|
-
"name": "default",
|
|
104
|
-
"description": "Defines the selected date or dates (depending on the `selectionMode` property)\nfor this calendar as instances of `ui5-date` or `ui5-date-range`.\nUse `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection."
|
|
105
|
-
},
|
|
106
|
-
{
|
|
107
|
-
"name": "disabledDates",
|
|
108
|
-
"description": "Defines the disabled date ranges that cannot be selected in the calendar.\nUse `ui5-date-range` elements to specify ranges of disabled dates.\nEach range can define a start date, an end date, or both.",
|
|
109
|
-
"since": "2.16.0"
|
|
110
|
-
},
|
|
111
|
-
{
|
|
112
|
-
"name": "specialDates",
|
|
113
|
-
"description": "Defines the special dates, visually emphasized in the calendar.",
|
|
114
|
-
"since": "1.23.0"
|
|
115
|
-
}
|
|
116
|
-
];
|
|
117
|
-
this.elementRef = inject(ElementRef);
|
|
118
|
-
this.injector = inject(Injector);
|
|
119
|
-
/**
|
|
120
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
121
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
122
|
-
* @private
|
|
123
|
-
*/
|
|
124
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
125
|
-
}
|
|
126
|
-
get element() {
|
|
127
|
-
return this.elementRef.nativeElement;
|
|
128
|
-
}
|
|
129
|
-
ngAfterViewInit() {
|
|
130
|
-
const wcElement = this.element;
|
|
131
|
-
const inputsToSync = [
|
|
132
|
-
'calendarWeekNumbering',
|
|
133
|
-
'displayFormat',
|
|
134
|
-
'formatPattern',
|
|
135
|
-
'hideWeekNumbers',
|
|
136
|
-
'maxDate',
|
|
137
|
-
'minDate',
|
|
138
|
-
'primaryCalendarType',
|
|
139
|
-
'secondaryCalendarType',
|
|
140
|
-
'selectionMode',
|
|
141
|
-
'valueFormat',
|
|
142
|
-
];
|
|
143
|
-
// Synchronize inputs (properties)
|
|
144
|
-
for (const inputName of inputsToSync) {
|
|
145
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
146
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
147
|
-
// Use the Injector to run the effect in the correct context
|
|
148
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
149
|
-
runInInjectionContext(this.injector, () => {
|
|
150
|
-
effect(() => {
|
|
151
|
-
// Read the signal value
|
|
152
|
-
const value = this[signalName]();
|
|
153
|
-
if (wcElement) {
|
|
154
|
-
// Write the value to the Web Component's property
|
|
155
|
-
wcElement[inputName] = value;
|
|
156
|
-
}
|
|
157
|
-
});
|
|
158
|
-
});
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
const outputsToSync = [
|
|
162
|
-
'ui5SelectionChange',
|
|
163
|
-
];
|
|
164
|
-
// Synchronize outputs (events)
|
|
165
|
-
for (const outputName of outputsToSync) {
|
|
166
|
-
// Map Angular output name to UI5 web component event name
|
|
167
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
168
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
169
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
170
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
171
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
172
|
-
this[outputName].emit(e);
|
|
173
|
-
});
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Calendar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
178
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: Calendar, isStandalone: true, selector: "ui5-calendar, [ui5-calendar]", inputs: { calendarWeekNumbering: { classPropertyName: "calendarWeekNumbering", publicName: "calendarWeekNumbering", isSignal: true, isRequired: false, transformFunction: null }, displayFormat: { classPropertyName: "displayFormat", publicName: "displayFormat", isSignal: true, isRequired: false, transformFunction: null }, formatPattern: { classPropertyName: "formatPattern", publicName: "formatPattern", isSignal: true, isRequired: false, transformFunction: null }, hideWeekNumbers: { classPropertyName: "hideWeekNumbers", publicName: "hideWeekNumbers", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, primaryCalendarType: { classPropertyName: "primaryCalendarType", publicName: "primaryCalendarType", isSignal: true, isRequired: false, transformFunction: null }, secondaryCalendarType: { classPropertyName: "secondaryCalendarType", publicName: "secondaryCalendarType", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, valueFormat: { classPropertyName: "valueFormat", publicName: "valueFormat", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5SelectionChange: "ui5SelectionChange" }, providers: [
|
|
179
|
-
contentDensityObserverProviders({
|
|
180
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
181
|
-
})
|
|
182
|
-
], exportAs: ["ui5Calendar"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
183
|
-
}
|
|
184
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Calendar, decorators: [{
|
|
185
|
-
type: Component,
|
|
186
|
-
args: [{
|
|
187
|
-
standalone: true,
|
|
188
|
-
selector: 'ui5-calendar, [ui5-calendar]',
|
|
189
|
-
template: '<ng-content></ng-content>',
|
|
190
|
-
exportAs: 'ui5Calendar',
|
|
191
|
-
providers: [
|
|
192
|
-
contentDensityObserverProviders({
|
|
193
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
194
|
-
})
|
|
195
|
-
],
|
|
196
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
197
|
-
}]
|
|
198
|
-
}], propDecorators: { calendarWeekNumbering: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarWeekNumbering", required: false }] }], displayFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayFormat", required: false }] }], formatPattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatPattern", required: false }] }], hideWeekNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideWeekNumbers", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], primaryCalendarType: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryCalendarType", required: false }] }], secondaryCalendarType: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondaryCalendarType", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], valueFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueFormat", required: false }] }], ui5SelectionChange: [{ type: i0.Output, args: ["ui5SelectionChange"] }] } });
|
|
199
|
-
|
|
200
|
-
/**
|
|
201
|
-
* Generated bundle index. Do not edit.
|
|
202
|
-
*/
|
|
203
|
-
|
|
204
|
-
export { Calendar };
|
|
205
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-calendar.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-calendar.mjs","sources":["../../../../libs/ui5-webcomponents/calendar/index.ts","../../../../libs/ui5-webcomponents/calendar/fundamental-ngx-ui5-webcomponents-calendar.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/Calendar.js';\nimport { default as _Calendar } from '@ui5/webcomponents/dist/Calendar.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\nimport { default as CalendarWeekNumbering } from '@ui5/webcomponents/dist/types/CalendarWeekNumbering.js';\nimport { default as CalendarType } from '@ui5/webcomponents-base/dist/types/CalendarType.js';\nimport { default as CalendarSelectionMode } from '@ui5/webcomponents/dist/types/CalendarSelectionMode.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-calendar, [ui5-calendar]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5Calendar',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Calendar implements AfterViewInit {\n\n /**\n * Defines how to calculate calendar weeks and first day of the week.\nIf not set, the calendar will be displayed according to the currently set global configuration.\n */\n calendarWeekNumbering = input<typeof _Calendar.prototype.calendarWeekNumbering | undefined>(\"Default\");\n\n /**\n * Determines the format, displayed in the input field.\n */\n displayFormat = input<typeof _Calendar.prototype.displayFormat | undefined>();\n\n /**\n * Determines the format, displayed in the input field.\n */\n formatPattern = input<typeof _Calendar.prototype.formatPattern | undefined>();\n\n /**\n * Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.\n */\n hideWeekNumbers = input(false, { transform: booleanAttribute });\n\n /**\n * Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (yyyy-MM-dd).\n */\n maxDate = input<typeof _Calendar.prototype.maxDate | undefined>(\"\");\n\n /**\n * Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (yyyy-MM-dd).\n */\n minDate = input<typeof _Calendar.prototype.minDate | undefined>(\"\");\n\n /**\n * Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.\n */\n primaryCalendarType = input<typeof _Calendar.prototype.primaryCalendarType | undefined>();\n\n /**\n * Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.\n */\n secondaryCalendarType = input<typeof _Calendar.prototype.secondaryCalendarType | undefined>();\n\n /**\n * Defines the type of selection used in the calendar component.\nAccepted property values are:\n\n- `CalendarSelectionMode.Single` - enables a single date selection.(default value)\n- `CalendarSelectionMode.Range` - enables selection of a date range.\n- `CalendarSelectionMode.Multiple` - enables selection of multiple dates.\n */\n selectionMode = input<typeof _Calendar.prototype.selectionMode | undefined>(\"Single\");\n\n /**\n * Determines the format, used for the value attribute.\n */\n valueFormat = input<typeof _Calendar.prototype.valueFormat | undefined>(); // className is now passed\n\n\n\n /**\n * Fired when the selected dates change.\n\n**Note:** If you call `preventDefault()` for this event, the component will not\ncreate instances of `ui5-date` for the newly selected dates. In that case you should do this manually.\n */\n ui5SelectionChange = output<UI5CustomEvent<_Calendar, 'selection-change'>>();\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 * - **calendarLegend**: Defines the calendar legend of the component.\n * - **(default)**: Defines the selected date or dates (depending on the `selectionMode` property)\nfor this calendar as instances of `ui5-date` or `ui5-date-range`.\nUse `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection.\n * - **disabledDates**: Defines the disabled date ranges that cannot be selected in the calendar.\nUse `ui5-date-range` elements to specify ranges of disabled dates.\nEach range can define a start date, an end date, or both.\n * - **specialDates**: Defines the special dates, visually emphasized in the calendar.\n *\n * @example\n * ```html\n * <ui5-calendar>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-calendar>\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\": \"calendarLegend\",\n \"description\": \"Defines the calendar legend of the component.\",\n \"since\": \"1.23.0\"\n },\n {\n \"name\": \"default\",\n \"description\": \"Defines the selected date or dates (depending on the `selectionMode` property)\\nfor this calendar as instances of `ui5-date` or `ui5-date-range`.\\nUse `ui5-date` for single or multiple selection, and `ui5-date-range` for range selection.\"\n },\n {\n \"name\": \"disabledDates\",\n \"description\": \"Defines the disabled date ranges that cannot be selected in the calendar.\\nUse `ui5-date-range` elements to specify ranges of disabled dates.\\nEach range can define a start date, an end date, or both.\",\n \"since\": \"2.16.0\"\n },\n {\n \"name\": \"specialDates\",\n \"description\": \"Defines the special dates, visually emphasized in the calendar.\",\n \"since\": \"1.23.0\"\n }\n ];\n\n\n public elementRef: ElementRef<_Calendar> = inject(ElementRef);\n public injector = inject(Injector);\n\n /**\n * Content density observer is injected to activate automatic CSS class and\n * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n * @private\n */\n private readonly _contentDensityObserver = inject(ContentDensityObserver);\n\n get element(): _Calendar {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'calendarWeekNumbering',\n 'displayFormat',\n 'formatPattern',\n 'hideWeekNumbers',\n 'maxDate',\n 'minDate',\n 'primaryCalendarType',\n 'secondaryCalendarType',\n 'selectionMode',\n 'valueFormat',\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 'ui5SelectionChange',\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,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/CardHeader.js';
|
|
4
|
-
import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
|
|
5
|
-
|
|
6
|
-
class CardHeader {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the additional text.
|
|
10
|
-
*/
|
|
11
|
-
this.additionalText = input(...(ngDevMode ? [undefined, { debugName: "additionalText" }] : []));
|
|
12
|
-
/**
|
|
13
|
-
* Defines if the component would be interactive,
|
|
14
|
-
e.g gets hover effect and `click` event is fired, when pressed.
|
|
15
|
-
*/
|
|
16
|
-
this.interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : {}), transform: booleanAttribute });
|
|
17
|
-
/**
|
|
18
|
-
* Defines the subtitle text.
|
|
19
|
-
*/
|
|
20
|
-
this.subtitleText = input(...(ngDevMode ? [undefined, { debugName: "subtitleText" }] : []));
|
|
21
|
-
/**
|
|
22
|
-
* Defines the title text.
|
|
23
|
-
*/
|
|
24
|
-
this.titleText = input(...(ngDevMode ? [undefined, { debugName: "titleText" }] : [])); // className is now passed
|
|
25
|
-
/**
|
|
26
|
-
* Fired when the component is activated by mouse/tap or by using the Enter or Space key.
|
|
27
|
-
|
|
28
|
-
**Note:** The event would be fired only if the `interactive` property is set to true.
|
|
29
|
-
*/
|
|
30
|
-
this.ui5Click = output();
|
|
31
|
-
/**
|
|
32
|
-
* Available slots for content projection in this component.
|
|
33
|
-
*
|
|
34
|
-
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
35
|
-
* Use the `slot` attribute on child elements to target specific slots.
|
|
36
|
-
*
|
|
37
|
-
* - **action**: Defines an action, displayed in the right most part of the header.
|
|
38
|
-
* - **avatar**: Defines an avatar image, displayed in the left most part of the header.
|
|
39
|
-
*
|
|
40
|
-
* @example
|
|
41
|
-
* ```html
|
|
42
|
-
* <ui5-card-header>
|
|
43
|
-
* <div slot="header">Custom header content</div>
|
|
44
|
-
* <p>Default slot content</p>
|
|
45
|
-
* </ui5-card-header>
|
|
46
|
-
* ```
|
|
47
|
-
*
|
|
48
|
-
* @readonly
|
|
49
|
-
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
50
|
-
*/
|
|
51
|
-
this.slots = [
|
|
52
|
-
{
|
|
53
|
-
"name": "action",
|
|
54
|
-
"description": "Defines an action, displayed in the right most part of the header."
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
"name": "avatar",
|
|
58
|
-
"description": "Defines an avatar image, displayed in the left most part of the header."
|
|
59
|
-
}
|
|
60
|
-
];
|
|
61
|
-
this.elementRef = inject(ElementRef);
|
|
62
|
-
this.injector = inject(Injector);
|
|
63
|
-
/**
|
|
64
|
-
* Content density observer is injected to activate automatic CSS class and
|
|
65
|
-
* UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
|
|
66
|
-
* @private
|
|
67
|
-
*/
|
|
68
|
-
this._contentDensityObserver = inject(ContentDensityObserver);
|
|
69
|
-
}
|
|
70
|
-
get element() {
|
|
71
|
-
return this.elementRef.nativeElement;
|
|
72
|
-
}
|
|
73
|
-
ngAfterViewInit() {
|
|
74
|
-
const wcElement = this.element;
|
|
75
|
-
const inputsToSync = [
|
|
76
|
-
'additionalText',
|
|
77
|
-
'interactive',
|
|
78
|
-
'subtitleText',
|
|
79
|
-
'titleText',
|
|
80
|
-
];
|
|
81
|
-
// Synchronize inputs (properties)
|
|
82
|
-
for (const inputName of inputsToSync) {
|
|
83
|
-
// Find the corresponding camelCase signal property on the Angular component
|
|
84
|
-
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
85
|
-
// Use the Injector to run the effect in the correct context
|
|
86
|
-
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
87
|
-
runInInjectionContext(this.injector, () => {
|
|
88
|
-
effect(() => {
|
|
89
|
-
// Read the signal value
|
|
90
|
-
const value = this[signalName]();
|
|
91
|
-
if (wcElement) {
|
|
92
|
-
// Write the value to the Web Component's property
|
|
93
|
-
wcElement[inputName] = value;
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
const outputsToSync = [
|
|
100
|
-
'ui5Click',
|
|
101
|
-
];
|
|
102
|
-
// Synchronize outputs (events)
|
|
103
|
-
for (const outputName of outputsToSync) {
|
|
104
|
-
// Map Angular output name to UI5 web component event name
|
|
105
|
-
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
106
|
-
// Ensure the output property exists and has an emit function before adding listener
|
|
107
|
-
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
108
|
-
// Cast the listener to the correct type to satisfy TypeScript
|
|
109
|
-
wcElement.addEventListener(eventName, (e) => {
|
|
110
|
-
this[outputName].emit(e);
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
116
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: CardHeader, isStandalone: true, selector: "ui5-card-header, [ui5-card-header]", inputs: { additionalText: { classPropertyName: "additionalText", publicName: "additionalText", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, subtitleText: { classPropertyName: "subtitleText", publicName: "subtitleText", isSignal: true, isRequired: false, transformFunction: null }, titleText: { classPropertyName: "titleText", publicName: "titleText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Click: "ui5Click" }, providers: [
|
|
117
|
-
contentDensityObserverProviders({
|
|
118
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
119
|
-
})
|
|
120
|
-
], exportAs: ["ui5CardHeader"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
121
|
-
}
|
|
122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CardHeader, decorators: [{
|
|
123
|
-
type: Component,
|
|
124
|
-
args: [{
|
|
125
|
-
standalone: true,
|
|
126
|
-
selector: 'ui5-card-header, [ui5-card-header]',
|
|
127
|
-
template: '<ng-content></ng-content>',
|
|
128
|
-
exportAs: 'ui5CardHeader',
|
|
129
|
-
providers: [
|
|
130
|
-
contentDensityObserverProviders({
|
|
131
|
-
supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
|
|
132
|
-
})
|
|
133
|
-
],
|
|
134
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
135
|
-
}]
|
|
136
|
-
}], propDecorators: { additionalText: [{ type: i0.Input, args: [{ isSignal: true, alias: "additionalText", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], subtitleText: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitleText", required: false }] }], titleText: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleText", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
|
|
137
|
-
|
|
138
|
-
/**
|
|
139
|
-
* Generated bundle index. Do not edit.
|
|
140
|
-
*/
|
|
141
|
-
|
|
142
|
-
export { CardHeader };
|
|
143
|
-
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-card-header.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-card-header.mjs","sources":["../../../../libs/ui5-webcomponents/card-header/index.ts","../../../../libs/ui5-webcomponents/card-header/fundamental-ngx-ui5-webcomponents-card-header.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/CardHeader.js';\nimport { default as _CardHeader } from '@ui5/webcomponents/dist/CardHeader.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-card-header, [ui5-card-header]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5CardHeader',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardHeader implements AfterViewInit {\n\n /**\n * Defines the additional text.\n */\n additionalText = input<typeof _CardHeader.prototype.additionalText | undefined>();\n\n /**\n * Defines if the component would be interactive,\ne.g gets hover effect and `click` event is fired, when pressed.\n */\n interactive = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the subtitle text.\n */\n subtitleText = input<typeof _CardHeader.prototype.subtitleText | undefined>();\n\n /**\n * Defines the title text.\n */\n titleText = input<typeof _CardHeader.prototype.titleText | undefined>(); // className is now passed\n\n\n\n /**\n * Fired when the component is activated by mouse/tap or by using the Enter or Space key.\n\n**Note:** The event would be fired only if the `interactive` property is set to true.\n */\n ui5Click = output<UI5CustomEvent<_CardHeader, '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 * - **action**: Defines an action, displayed in the right most part of the header.\n * - **avatar**: Defines an avatar image, displayed in the left most part of the header.\n *\n * @example\n * ```html\n * <ui5-card-header>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-card-header>\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\": \"action\",\n \"description\": \"Defines an action, displayed in the right most part of the header.\"\n },\n {\n \"name\": \"avatar\",\n \"description\": \"Defines an avatar image, displayed in the left most part of the header.\"\n }\n ];\n\n\n public elementRef: ElementRef<_CardHeader> = inject(ElementRef);\n public injector = inject(Injector);\n\n /**\n * Content density observer is injected to activate automatic CSS class and\n * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n * @private\n */\n private readonly _contentDensityObserver = inject(ContentDensityObserver);\n\n get element(): _CardHeader {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'additionalText',\n 'interactive',\n 'subtitleText',\n 'titleText',\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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"}
|