@fundamental-ngx/ui5-webcomponents 0.58.0-rc.1
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/README.md +3 -0
- package/avatar/index.d.ts +101 -0
- package/avatar-group/index.d.ts +58 -0
- package/bar/index.d.ts +28 -0
- package/breadcrumbs/index.d.ts +33 -0
- package/breadcrumbs-item/index.d.ts +38 -0
- package/busy-indicator/index.d.ts +34 -0
- package/button/index.d.ts +117 -0
- package/button-badge/index.d.ts +29 -0
- package/calendar/index.d.ts +77 -0
- package/calendar-date/index.d.ts +19 -0
- package/calendar-date-range/index.d.ts +24 -0
- package/calendar-legend/index.d.ts +30 -0
- package/calendar-legend-item/index.d.ts +22 -0
- package/card/index.d.ts +32 -0
- package/card-header/index.d.ts +38 -0
- package/carousel/index.d.ts +88 -0
- package/check-box/index.d.ts +108 -0
- package/color-palette/index.d.ts +19 -0
- package/color-palette-item/index.d.ts +27 -0
- package/color-palette-popover/index.d.ts +51 -0
- package/color-picker/index.d.ts +35 -0
- package/combo-box/index.d.ts +102 -0
- package/combo-box-item/index.d.ts +22 -0
- package/combo-box-item-group/index.d.ts +49 -0
- package/date-picker/index.d.ts +143 -0
- package/date-range-picker/index.d.ts +163 -0
- package/date-time-picker/index.d.ts +143 -0
- package/dialog/index.d.ts +112 -0
- package/dynamic-date-range/index.d.ts +28 -0
- package/expandable-text/index.d.ts +30 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs +121 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs +166 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs +71 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs +82 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs +90 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs +80 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs +72 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs +186 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs +67 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs +61 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs +65 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs +75 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs +142 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs +97 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs +77 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs +156 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs +178 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs +70 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs +113 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs +55 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs +93 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs +108 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs +65 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs +177 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs +227 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs +254 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs +227 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +184 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs +85 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs +75 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs +190 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs +82 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs +65 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs +134 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs +127 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs +210 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs +85 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs +192 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs +129 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs +108 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs +179 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs +240 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs +60 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs +202 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs +36 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs +135 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs +100 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs +108 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.mjs +70 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs +184 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs +229 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs +77 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs +85 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs +124 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs +185 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs +88 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs +156 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs +156 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs +130 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs +185 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs +103 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs +135 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs +204 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs +151 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs +66 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs +132 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs +157 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs +61 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs +108 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs +65 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs +154 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs +138 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs +36 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs +102 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs +60 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs +101 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs +55 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs +112 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs +62 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs +86 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs +98 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs +82 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs +89 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs +84 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs +84 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs +95 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs +153 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs +111 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs +196 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs +65 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs +23 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs +176 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs +76 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs +93 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs +191 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs +65 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs +127 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs +168 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +60 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs +130 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs +67 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs +74 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs +75 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs +173 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs +178 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs +164 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-types.mjs +74 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-types.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-utils.mjs +108 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-utils.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs +11748 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs.map +1 -0
- package/file-uploader/index.d.ts +97 -0
- package/form/index.d.ts +84 -0
- package/form-group/index.d.ts +36 -0
- package/form-item/index.d.ts +23 -0
- package/icon/index.d.ts +67 -0
- package/index.d.ts +6031 -0
- package/input/index.d.ts +131 -0
- package/label/index.d.ts +40 -0
- package/link/index.d.ts +123 -0
- package/list/index.d.ts +161 -0
- package/list-item-custom/index.d.ts +67 -0
- package/list-item-group/index.d.ts +49 -0
- package/list-item-standard/index.d.ts +110 -0
- package/menu/index.d.ts +69 -0
- package/menu-item/index.d.ts +128 -0
- package/menu-item-group/index.d.ts +18 -0
- package/menu-separator/index.d.ts +14 -0
- package/message-strip/index.d.ts +41 -0
- package/multi-combo-box/index.d.ts +108 -0
- package/multi-combo-box-item/index.d.ts +26 -0
- package/multi-combo-box-item-group/index.d.ts +49 -0
- package/multi-input/index.d.ts +147 -0
- package/option/index.d.ts +39 -0
- package/option-custom/index.d.ts +32 -0
- package/package.json +480 -0
- package/panel/index.d.ts +61 -0
- package/popover/index.d.ts +110 -0
- package/progress-indicator/index.d.ts +42 -0
- package/radio-button/index.d.ts +88 -0
- package/range-slider/index.d.ts +86 -0
- package/rating-indicator/index.d.ts +66 -0
- package/responsive-popover/index.d.ts +110 -0
- package/segmented-button/index.d.ts +53 -0
- package/segmented-button-item/index.d.ts +54 -0
- package/select/index.d.ts +104 -0
- package/slider/index.d.ts +82 -0
- package/special-calendar-date/index.d.ts +23 -0
- package/split-button/index.d.ts +70 -0
- package/step-input/index.d.ts +87 -0
- package/suggestion-item/index.d.ts +22 -0
- package/suggestion-item-custom/index.d.ts +19 -0
- package/suggestion-item-group/index.d.ts +49 -0
- package/switch/index.d.ts +86 -0
- package/tab/index.d.ts +54 -0
- package/tab-container/index.d.ts +73 -0
- package/tab-separator/index.d.ts +14 -0
- package/table/index.d.ts +87 -0
- package/table-cell/index.d.ts +18 -0
- package/table-growing/index.d.ts +43 -0
- package/table-header-cell/index.d.ts +64 -0
- package/table-header-cell-action-a-i/index.d.ts +19 -0
- package/table-header-row/index.d.ts +20 -0
- package/table-row/index.d.ts +36 -0
- package/table-row-action/index.d.ts +40 -0
- package/table-row-action-navigation/index.d.ts +29 -0
- package/table-selection/index.d.ts +27 -0
- package/table-selection-multi/index.d.ts +31 -0
- package/table-selection-single/index.d.ts +27 -0
- package/table-virtualizer/index.d.ts +37 -0
- package/tag/index.d.ts +50 -0
- package/text/index.d.ts +22 -0
- package/text-area/index.d.ts +120 -0
- package/theming/index.d.ts +11 -0
- package/time-picker/index.d.ts +101 -0
- package/title/index.d.ts +32 -0
- package/toast/index.d.ts +35 -0
- package/toggle-button/index.d.ts +122 -0
- package/token/index.d.ts +22 -0
- package/tokenizer/index.d.ts +64 -0
- package/toolbar/index.d.ts +30 -0
- package/toolbar-button/index.d.ts +102 -0
- package/toolbar-select/index.d.ts +65 -0
- package/toolbar-select-option/index.d.ts +18 -0
- package/toolbar-separator/index.d.ts +24 -0
- package/toolbar-spacer/index.d.ts +30 -0
- package/tree/index.d.ts +94 -0
- package/tree-item/index.d.ts +109 -0
- package/tree-item-custom/index.d.ts +105 -0
- package/types/index.d.ts +69 -0
- package/utils/index.d.ts +23 -0
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@ui5/webcomponents/dist/OptionCustom.js';
|
|
4
|
+
|
|
5
|
+
class OptionCustom {
|
|
6
|
+
constructor() {
|
|
7
|
+
/**
|
|
8
|
+
* Defines the text, displayed inside the `ui5-select` input filed
|
|
9
|
+
when the option gets selected.
|
|
10
|
+
*/
|
|
11
|
+
this.displayText = input(...(ngDevMode ? [undefined, { debugName: "displayText" }] : []));
|
|
12
|
+
/**
|
|
13
|
+
* Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.
|
|
14
|
+
For more information on HTML Form support, see the `name` property of `ui5-select`.
|
|
15
|
+
*/
|
|
16
|
+
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
17
|
+
/**
|
|
18
|
+
* Defines the tooltip of the option.
|
|
19
|
+
*/
|
|
20
|
+
this.tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
|
|
21
|
+
/**
|
|
22
|
+
* Defines the selected state of the component.
|
|
23
|
+
*/
|
|
24
|
+
this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed
|
|
25
|
+
this.elementRef = inject(ElementRef);
|
|
26
|
+
this.injector = inject(Injector);
|
|
27
|
+
}
|
|
28
|
+
get element() {
|
|
29
|
+
return this.elementRef.nativeElement;
|
|
30
|
+
}
|
|
31
|
+
ngAfterViewInit() {
|
|
32
|
+
const wcElement = this.element;
|
|
33
|
+
const inputsToSync = [
|
|
34
|
+
'displayText',
|
|
35
|
+
'value',
|
|
36
|
+
'tooltip',
|
|
37
|
+
'selected',
|
|
38
|
+
];
|
|
39
|
+
// Synchronize inputs (properties)
|
|
40
|
+
for (const inputName of inputsToSync) {
|
|
41
|
+
// Find the corresponding camelCase signal property on the Angular component
|
|
42
|
+
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
43
|
+
// Use the Injector to run the effect in the correct context
|
|
44
|
+
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
45
|
+
runInInjectionContext(this.injector, () => {
|
|
46
|
+
effect(() => {
|
|
47
|
+
// Read the signal value
|
|
48
|
+
const value = this[signalName]();
|
|
49
|
+
if (wcElement) {
|
|
50
|
+
// Write the value to the Web Component's property
|
|
51
|
+
wcElement[inputName] = value;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: OptionCustom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
59
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: OptionCustom, isStandalone: true, selector: "ui5-option-custom, [ui5-option-custom]", inputs: { displayText: { classPropertyName: "displayText", publicName: "displayText", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5OptionCustom"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
60
|
+
}
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: OptionCustom, decorators: [{
|
|
62
|
+
type: Component,
|
|
63
|
+
args: [{
|
|
64
|
+
standalone: true,
|
|
65
|
+
selector: 'ui5-option-custom, [ui5-option-custom]',
|
|
66
|
+
template: '<ng-content></ng-content>',
|
|
67
|
+
exportAs: 'ui5OptionCustom',
|
|
68
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
69
|
+
}]
|
|
70
|
+
}] });
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* Generated bundle index. Do not edit.
|
|
74
|
+
*/
|
|
75
|
+
|
|
76
|
+
export { OptionCustom };
|
|
77
|
+
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-option-custom.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-option-custom.mjs","sources":["../tmp-esm2022/option-custom/index.js","../tmp-esm2022/option-custom/fundamental-ngx-ui5-webcomponents-option-custom.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, input, effect, runInInjectionContext, inject, Injector, booleanAttribute } from '@angular/core';\nimport '@ui5/webcomponents/dist/OptionCustom.js';\nimport * as i0 from \"@angular/core\";\nexport class OptionCustom {\n constructor() {\n /**\n * Defines the text, displayed inside the `ui5-select` input filed\n when the option gets selected.\n */\n this.displayText = input(...(ngDevMode ? [undefined, { debugName: \"displayText\" }] : []));\n /**\n * Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.\n For more information on HTML Form support, see the `name` property of `ui5-select`.\n */\n this.value = input(...(ngDevMode ? [undefined, { debugName: \"value\" }] : []));\n /**\n * Defines the tooltip of the option.\n */\n this.tooltip = input(...(ngDevMode ? [undefined, { debugName: \"tooltip\" }] : []));\n /**\n * Defines the selected state of the component.\n */\n this.selected = input(false, ...(ngDevMode ? [{ debugName: \"selected\", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed\n this.elementRef = inject(ElementRef);\n this.injector = inject(Injector);\n }\n get element() {\n return this.elementRef.nativeElement;\n }\n ngAfterViewInit() {\n const wcElement = this.element;\n const inputsToSync = [\n 'displayText',\n 'value',\n 'tooltip',\n 'selected',\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) => x[1].toUpperCase());\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 static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.4\", ngImport: i0, type: OptionCustom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.1.4\", type: OptionCustom, isStandalone: true, selector: \"ui5-option-custom, [ui5-option-custom]\", inputs: { displayText: { classPropertyName: \"displayText\", publicName: \"displayText\", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: \"value\", publicName: \"value\", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: \"tooltip\", publicName: \"tooltip\", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: \"selected\", publicName: \"selected\", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: [\"ui5OptionCustom\"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.4\", ngImport: i0, type: OptionCustom, decorators: [{\n type: Component,\n args: [{\n standalone: true,\n selector: 'ui5-option-custom, [ui5-option-custom]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5OptionCustom',\n changeDetection: ChangeDetectionStrategy.OnPush,\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpNS13ZWJjb21wb25lbnRzL29wdGlvbi1jdXN0b20vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFHTCxNQUFNLEVBQ04scUJBQXFCLEVBQ3JCLE1BQU0sRUFDTixRQUFRLEVBQ1IsZ0JBQWdCLEVBR2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8seUNBQXlDLENBQUM7O0FBY2pELE1BQU0sT0FBTyxZQUFZO0lBUnpCO1FBVUU7OztXQUdHO1FBQ0gsZ0JBQVcsR0FBRyxLQUFLLGlFQUEwRCxDQUFDO1FBRTlFOzs7V0FHRztRQUNILFVBQUssR0FBRyxLQUFLLDJEQUFvRCxDQUFDO1FBRWxFOztXQUVHO1FBQ0gsWUFBTyxHQUFHLEtBQUssNkRBQXNELENBQUM7UUFFdEU7O1dBRUc7UUFDSCxhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssNENBQUksU0FBUyxFQUFFLGdCQUFnQixPQUE3QixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxHQUFDLENBQUMsQ0FBQywwQkFBMEI7UUFLN0UsZUFBVSxHQUE4QixNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDM0QsYUFBUSxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztLQXdDcEM7SUF0Q0MsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUN2QyxDQUFDO0lBRUQsZUFBZTtRQUNiLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFFL0IsTUFBTSxZQUFZLEdBQUc7WUFDbkIsYUFBYTtZQUNiLE9BQU87WUFDUCxTQUFTO1lBQ1QsVUFBVTtTQUNYLENBQUM7UUFFRixrQ0FBa0M7UUFDbEMsS0FBSyxNQUFNLFNBQVMsSUFBSSxZQUFZLEVBQUUsQ0FBQztZQUNyQyw0RUFBNEU7WUFDNUUsTUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFTLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1lBRS9FLDREQUE0RDtZQUM1RCxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxVQUFVLEVBQUUsQ0FBQztnQkFDL0QscUJBQXFCLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxHQUFHLEVBQUU7b0JBQ3hDLE1BQU0sQ0FBQyxHQUFHLEVBQUU7d0JBQ1Ysd0JBQXdCO3dCQUN4QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQzt3QkFDakMsSUFBSSxTQUFTLEVBQUUsQ0FBQzs0QkFDZCxrREFBa0Q7NEJBQ2xELFNBQVMsQ0FBQyxTQUFTLENBQUMsR0FBRyxLQUFLLENBQUM7d0JBQy9CLENBQUM7b0JBQ0gsQ0FBQyxDQUFDLENBQUM7Z0JBQ0wsQ0FBQyxDQUFDLENBQUM7WUFDTCxDQUFDO1FBQ0gsQ0FBQztJQUtILENBQUM7OEdBbkVVLFlBQVk7a0dBQVosWUFBWSw4b0JBTGIsMkJBQTJCOzsyRkFLMUIsWUFBWTtrQkFSeEIsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLHdDQUF3QztvQkFDbEQsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsUUFBUSxFQUFFLGlCQUFpQjtvQkFFM0IsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBpbnB1dCxcbiAgb3V0cHV0LFxuICBBZnRlclZpZXdJbml0LFxuICBlZmZlY3QsXG4gIHJ1bkluSW5qZWN0aW9uQ29udGV4dCxcbiAgaW5qZWN0LFxuICBJbmplY3RvcixcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgY29tcHV0ZWQsXG4gIHNpZ25hbFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAnQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvT3B0aW9uQ3VzdG9tLmpzJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgX09wdGlvbkN1c3RvbSB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy9kaXN0L09wdGlvbkN1c3RvbS5qcyc7XG5pbXBvcnQgeyBVSTVDdXN0b21FdmVudCB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy1iYXNlJztcblxuXG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3VpNS1vcHRpb24tY3VzdG9tLCBbdWk1LW9wdGlvbi1jdXN0b21dJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgZXhwb3J0QXM6ICd1aTVPcHRpb25DdXN0b20nLFxuXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBPcHRpb25DdXN0b20gaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgdGV4dCwgZGlzcGxheWVkIGluc2lkZSB0aGUgYHVpNS1zZWxlY3RgIGlucHV0IGZpbGVkXG53aGVuIHRoZSBvcHRpb24gZ2V0cyBzZWxlY3RlZC5cbiAgICovXG4gIGRpc3BsYXlUZXh0ID0gaW5wdXQ8dHlwZW9mIF9PcHRpb25DdXN0b20ucHJvdG90eXBlLmRpc3BsYXlUZXh0IHwgdW5kZWZpbmVkPigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSB2YWx1ZSBvZiB0aGUgYHVpNS1zZWxlY3RgIGluc2lkZSBhbiBIVE1MIEZvcm0gZWxlbWVudCB3aGVuIHRoaXMgY29tcG9uZW50IGlzIHNlbGVjdGVkLlxuRm9yIG1vcmUgaW5mb3JtYXRpb24gb24gSFRNTCBGb3JtIHN1cHBvcnQsIHNlZSB0aGUgYG5hbWVgIHByb3BlcnR5IG9mIGB1aTUtc2VsZWN0YC5cbiAgICovXG4gIHZhbHVlID0gaW5wdXQ8dHlwZW9mIF9PcHRpb25DdXN0b20ucHJvdG90eXBlLnZhbHVlIHwgdW5kZWZpbmVkPigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSB0b29sdGlwIG9mIHRoZSBvcHRpb24uXG4gICAqL1xuICB0b29sdGlwID0gaW5wdXQ8dHlwZW9mIF9PcHRpb25DdXN0b20ucHJvdG90eXBlLnRvb2x0aXAgfCB1bmRlZmluZWQ+KCk7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHNlbGVjdGVkIHN0YXRlIG9mIHRoZSBjb21wb25lbnQuXG4gICAqL1xuICBzZWxlY3RlZCA9IGlucHV0KGZhbHNlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTsgLy8gY2xhc3NOYW1lIGlzIG5vdyBwYXNzZWRcblxuXG5cblxuICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxfT3B0aW9uQ3VzdG9tPiA9IGluamVjdChFbGVtZW50UmVmKTtcbiAgcHVibGljIGluamVjdG9yID0gaW5qZWN0KEluamVjdG9yKTtcblxuICBnZXQgZWxlbWVudCgpOiBfT3B0aW9uQ3VzdG9tIHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgY29uc3Qgd2NFbGVtZW50ID0gdGhpcy5lbGVtZW50O1xuICAgIFxuICAgIGNvbnN0IGlucHV0c1RvU3luYyA9IFtcbiAgICAgICdkaXNwbGF5VGV4dCcsXG4gICAgICAndmFsdWUnLFxuICAgICAgJ3Rvb2x0aXAnLFxuICAgICAgJ3NlbGVjdGVkJyxcbiAgICBdO1xuICAgIFxuICAgIC8vIFN5bmNocm9uaXplIGlucHV0cyAocHJvcGVydGllcylcbiAgICBmb3IgKGNvbnN0IGlucHV0TmFtZSBvZiBpbnB1dHNUb1N5bmMpIHtcbiAgICAgIC8vIEZpbmQgdGhlIGNvcnJlc3BvbmRpbmcgY2FtZWxDYXNlIHNpZ25hbCBwcm9wZXJ0eSBvbiB0aGUgQW5ndWxhciBjb21wb25lbnRcbiAgICAgIGNvbnN0IHNpZ25hbE5hbWUgPSBpbnB1dE5hbWUucmVwbGFjZSgvLS4vZywgKHg6IHN0cmluZykgPT4geFsxXS50b1VwcGVyQ2FzZSgpKTtcblxuICAgICAgLy8gVXNlIHRoZSBJbmplY3RvciB0byBydW4gdGhlIGVmZmVjdCBpbiB0aGUgY29ycmVjdCBjb250ZXh0XG4gICAgICBpZiAodGhpc1tzaWduYWxOYW1lXSAmJiB0eXBlb2YgdGhpc1tzaWduYWxOYW1lXSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICBydW5JbkluamVjdGlvbkNvbnRleHQodGhpcy5pbmplY3RvciwgKCkgPT4ge1xuICAgICAgICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICAgICAgICAvLyBSZWFkIHRoZSBzaWduYWwgdmFsdWVcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlID0gdGhpc1tzaWduYWxOYW1lXSgpO1xuICAgICAgICAgICAgaWYgKHdjRWxlbWVudCkge1xuICAgICAgICAgICAgICAvLyBXcml0ZSB0aGUgdmFsdWUgdG8gdGhlIFdlYiBDb21wb25lbnQncyBwcm9wZXJ0eVxuICAgICAgICAgICAgICB3Y0VsZW1lbnRbaW5wdXROYW1lXSA9IHZhbHVlO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9XG4gIFxuICAgIFxuICAgIFxuXG4gIH1cbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LXVpNS13ZWJjb21wb25lbnRzLW9wdGlvbi1jdXN0b20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpNS13ZWJjb21wb25lbnRzL29wdGlvbi1jdXN0b20vZnVuZGFtZW50YWwtbmd4LXVpNS13ZWJjb21wb25lbnRzLW9wdGlvbi1jdXN0b20udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@ui5/webcomponents/dist/Option.js';
|
|
4
|
+
|
|
5
|
+
class Option {
|
|
6
|
+
constructor() {
|
|
7
|
+
/**
|
|
8
|
+
* Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.
|
|
9
|
+
For more information on HTML Form support, see the `name` property of `ui5-select`.
|
|
10
|
+
*/
|
|
11
|
+
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
12
|
+
/**
|
|
13
|
+
* Defines the `icon` source URI.
|
|
14
|
+
|
|
15
|
+
**Note:**
|
|
16
|
+
SAP-icons font provides numerous built-in icons. To find all the available icons, see the
|
|
17
|
+
[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
|
|
18
|
+
*/
|
|
19
|
+
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
20
|
+
/**
|
|
21
|
+
* Defines the `additionalText`, displayed in the end of the option.
|
|
22
|
+
*/
|
|
23
|
+
this.additionalText = input(...(ngDevMode ? [undefined, { debugName: "additionalText" }] : []));
|
|
24
|
+
/**
|
|
25
|
+
* Defines the tooltip of the option.
|
|
26
|
+
*/
|
|
27
|
+
this.tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
|
|
28
|
+
/**
|
|
29
|
+
* Defines the selected state of the component.
|
|
30
|
+
*/
|
|
31
|
+
this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed
|
|
32
|
+
this.elementRef = inject(ElementRef);
|
|
33
|
+
this.injector = inject(Injector);
|
|
34
|
+
}
|
|
35
|
+
get element() {
|
|
36
|
+
return this.elementRef.nativeElement;
|
|
37
|
+
}
|
|
38
|
+
ngAfterViewInit() {
|
|
39
|
+
const wcElement = this.element;
|
|
40
|
+
const inputsToSync = [
|
|
41
|
+
'value',
|
|
42
|
+
'icon',
|
|
43
|
+
'additionalText',
|
|
44
|
+
'tooltip',
|
|
45
|
+
'selected',
|
|
46
|
+
];
|
|
47
|
+
// Synchronize inputs (properties)
|
|
48
|
+
for (const inputName of inputsToSync) {
|
|
49
|
+
// Find the corresponding camelCase signal property on the Angular component
|
|
50
|
+
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
51
|
+
// Use the Injector to run the effect in the correct context
|
|
52
|
+
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
53
|
+
runInInjectionContext(this.injector, () => {
|
|
54
|
+
effect(() => {
|
|
55
|
+
// Read the signal value
|
|
56
|
+
const value = this[signalName]();
|
|
57
|
+
if (wcElement) {
|
|
58
|
+
// Write the value to the Web Component's property
|
|
59
|
+
wcElement[inputName] = value;
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Option, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
67
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: Option, isStandalone: true, selector: "ui5-option, [ui5-option]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, additionalText: { classPropertyName: "additionalText", publicName: "additionalText", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5Option"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
68
|
+
}
|
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Option, decorators: [{
|
|
70
|
+
type: Component,
|
|
71
|
+
args: [{
|
|
72
|
+
standalone: true,
|
|
73
|
+
selector: 'ui5-option, [ui5-option]',
|
|
74
|
+
template: '<ng-content></ng-content>',
|
|
75
|
+
exportAs: 'ui5Option',
|
|
76
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
77
|
+
}]
|
|
78
|
+
}] });
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* Generated bundle index. Do not edit.
|
|
82
|
+
*/
|
|
83
|
+
|
|
84
|
+
export { Option };
|
|
85
|
+
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-option.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-option.mjs","sources":["../tmp-esm2022/option/index.js","../tmp-esm2022/option/fundamental-ngx-ui5-webcomponents-option.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, input, effect, runInInjectionContext, inject, Injector, booleanAttribute } from '@angular/core';\nimport '@ui5/webcomponents/dist/Option.js';\nimport * as i0 from \"@angular/core\";\nexport class Option {\n constructor() {\n /**\n * Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.\n For more information on HTML Form support, see the `name` property of `ui5-select`.\n */\n this.value = input(...(ngDevMode ? [undefined, { debugName: \"value\" }] : []));\n /**\n * Defines the `icon` source URI.\n \n **Note:**\n SAP-icons font provides numerous built-in icons. To find all the available icons, see the\n [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n this.icon = input(...(ngDevMode ? [undefined, { debugName: \"icon\" }] : []));\n /**\n * Defines the `additionalText`, displayed in the end of the option.\n */\n this.additionalText = input(...(ngDevMode ? [undefined, { debugName: \"additionalText\" }] : []));\n /**\n * Defines the tooltip of the option.\n */\n this.tooltip = input(...(ngDevMode ? [undefined, { debugName: \"tooltip\" }] : []));\n /**\n * Defines the selected state of the component.\n */\n this.selected = input(false, ...(ngDevMode ? [{ debugName: \"selected\", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed\n this.elementRef = inject(ElementRef);\n this.injector = inject(Injector);\n }\n get element() {\n return this.elementRef.nativeElement;\n }\n ngAfterViewInit() {\n const wcElement = this.element;\n const inputsToSync = [\n 'value',\n 'icon',\n 'additionalText',\n 'tooltip',\n 'selected',\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) => x[1].toUpperCase());\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 static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.4\", ngImport: i0, type: Option, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.1.4\", type: Option, isStandalone: true, selector: \"ui5-option, [ui5-option]\", inputs: { value: { classPropertyName: \"value\", publicName: \"value\", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: \"icon\", publicName: \"icon\", isSignal: true, isRequired: false, transformFunction: null }, additionalText: { classPropertyName: \"additionalText\", publicName: \"additionalText\", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: \"tooltip\", publicName: \"tooltip\", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: \"selected\", publicName: \"selected\", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: [\"ui5Option\"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.4\", ngImport: i0, type: Option, decorators: [{\n type: Component,\n args: [{\n standalone: true,\n selector: 'ui5-option, [ui5-option]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5Option',\n changeDetection: ChangeDetectionStrategy.OnPush,\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpNS13ZWJjb21wb25lbnRzL29wdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUdMLE1BQU0sRUFDTixxQkFBcUIsRUFDckIsTUFBTSxFQUNOLFFBQVEsRUFDUixnQkFBZ0IsRUFHakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxtQ0FBbUMsQ0FBQzs7QUFjM0MsTUFBTSxPQUFPLE1BQU07SUFSbkI7UUFVRTs7O1dBR0c7UUFDSCxVQUFLLEdBQUcsS0FBSywyREFBOEMsQ0FBQztRQUU1RDs7Ozs7O1dBTUc7UUFDSCxTQUFJLEdBQUcsS0FBSywwREFBNkMsQ0FBQztRQUUxRDs7V0FFRztRQUNILG1CQUFjLEdBQUcsS0FBSyxvRUFBdUQsQ0FBQztRQUU5RTs7V0FFRztRQUNILFlBQU8sR0FBRyxLQUFLLDZEQUFnRCxDQUFDO1FBRWhFOztXQUVHO1FBQ0gsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLDRDQUFJLFNBQVMsRUFBRSxnQkFBZ0IsT0FBN0IsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsR0FBQyxDQUFDLENBQUMsMEJBQTBCO1FBSzdFLGVBQVUsR0FBd0IsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3JELGFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7S0F5Q3BDO0lBdkNDLElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7SUFDdkMsQ0FBQztJQUVELGVBQWU7UUFDYixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBRS9CLE1BQU0sWUFBWSxHQUFHO1lBQ25CLE9BQU87WUFDUCxNQUFNO1lBQ04sZ0JBQWdCO1lBQ2hCLFNBQVM7WUFDVCxVQUFVO1NBQ1gsQ0FBQztRQUVGLGtDQUFrQztRQUNsQyxLQUFLLE1BQU0sU0FBUyxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQ3JDLDRFQUE0RTtZQUM1RSxNQUFNLFVBQVUsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7WUFFL0UsNERBQTREO1lBQzVELElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLFVBQVUsRUFBRSxDQUFDO2dCQUMvRCxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRTtvQkFDeEMsTUFBTSxDQUFDLEdBQUcsRUFBRTt3QkFDVix3QkFBd0I7d0JBQ3hCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDO3dCQUNqQyxJQUFJLFNBQVMsRUFBRSxDQUFDOzRCQUNkLGtEQUFrRDs0QkFDbEQsU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEtBQUssQ0FBQzt3QkFDL0IsQ0FBQztvQkFDSCxDQUFDLENBQUMsQ0FBQztnQkFDTCxDQUFDLENBQUMsQ0FBQztZQUNMLENBQUM7UUFDSCxDQUFDO0lBS0gsQ0FBQzs4R0E1RVUsTUFBTTtrR0FBTixNQUFNLHd2QkFMUCwyQkFBMkI7OzJGQUsxQixNQUFNO2tCQVJsQixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsMEJBQTBCO29CQUNwQyxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxRQUFRLEVBQUUsV0FBVztvQkFFckIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBpbnB1dCxcbiAgb3V0cHV0LFxuICBBZnRlclZpZXdJbml0LFxuICBlZmZlY3QsXG4gIHJ1bkluSW5qZWN0aW9uQ29udGV4dCxcbiAgaW5qZWN0LFxuICBJbmplY3RvcixcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgY29tcHV0ZWQsXG4gIHNpZ25hbFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAnQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvT3B0aW9uLmpzJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgX09wdGlvbiB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy9kaXN0L09wdGlvbi5qcyc7XG5pbXBvcnQgeyBVSTVDdXN0b21FdmVudCB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy1iYXNlJztcblxuXG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3VpNS1vcHRpb24sIFt1aTUtb3B0aW9uXScsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIGV4cG9ydEFzOiAndWk1T3B0aW9uJyxcblxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgT3B0aW9uIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHZhbHVlIG9mIHRoZSBgdWk1LXNlbGVjdGAgaW5zaWRlIGFuIEhUTUwgRm9ybSBlbGVtZW50IHdoZW4gdGhpcyBjb21wb25lbnQgaXMgc2VsZWN0ZWQuXG5Gb3IgbW9yZSBpbmZvcm1hdGlvbiBvbiBIVE1MIEZvcm0gc3VwcG9ydCwgc2VlIHRoZSBgbmFtZWAgcHJvcGVydHkgb2YgYHVpNS1zZWxlY3RgLlxuICAgKi9cbiAgdmFsdWUgPSBpbnB1dDx0eXBlb2YgX09wdGlvbi5wcm90b3R5cGUudmFsdWUgfCB1bmRlZmluZWQ+KCk7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIGBpY29uYCBzb3VyY2UgVVJJLlxuXG4qKk5vdGU6KipcblNBUC1pY29ucyBmb250IHByb3ZpZGVzIG51bWVyb3VzIGJ1aWx0LWluIGljb25zLiBUbyBmaW5kIGFsbCB0aGUgYXZhaWxhYmxlIGljb25zLCBzZWUgdGhlXG5bSWNvbiBFeHBsb3Jlcl0oaHR0cHM6Ly9zZGsub3BlbnVpNS5vcmcvdGVzdC1yZXNvdXJjZXMvc2FwL20vZGVtb2tpdC9pY29uRXhwbG9yZXIvd2ViYXBwL2luZGV4Lmh0bWwpLlxuICAgKi9cbiAgaWNvbiA9IGlucHV0PHR5cGVvZiBfT3B0aW9uLnByb3RvdHlwZS5pY29uIHwgdW5kZWZpbmVkPigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBgYWRkaXRpb25hbFRleHRgLCBkaXNwbGF5ZWQgaW4gdGhlIGVuZCBvZiB0aGUgb3B0aW9uLlxuICAgKi9cbiAgYWRkaXRpb25hbFRleHQgPSBpbnB1dDx0eXBlb2YgX09wdGlvbi5wcm90b3R5cGUuYWRkaXRpb25hbFRleHQgfCB1bmRlZmluZWQ+KCk7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHRvb2x0aXAgb2YgdGhlIG9wdGlvbi5cbiAgICovXG4gIHRvb2x0aXAgPSBpbnB1dDx0eXBlb2YgX09wdGlvbi5wcm90b3R5cGUudG9vbHRpcCB8IHVuZGVmaW5lZD4oKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgc2VsZWN0ZWQgc3RhdGUgb2YgdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIHNlbGVjdGVkID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pOyAvLyBjbGFzc05hbWUgaXMgbm93IHBhc3NlZFxuXG5cblxuXG4gIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmPF9PcHRpb24+ID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICBwdWJsaWMgaW5qZWN0b3IgPSBpbmplY3QoSW5qZWN0b3IpO1xuXG4gIGdldCBlbGVtZW50KCk6IF9PcHRpb24ge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCB3Y0VsZW1lbnQgPSB0aGlzLmVsZW1lbnQ7XG4gICAgXG4gICAgY29uc3QgaW5wdXRzVG9TeW5jID0gW1xuICAgICAgJ3ZhbHVlJyxcbiAgICAgICdpY29uJyxcbiAgICAgICdhZGRpdGlvbmFsVGV4dCcsXG4gICAgICAndG9vbHRpcCcsXG4gICAgICAnc2VsZWN0ZWQnLFxuICAgIF07XG4gICAgXG4gICAgLy8gU3luY2hyb25pemUgaW5wdXRzIChwcm9wZXJ0aWVzKVxuICAgIGZvciAoY29uc3QgaW5wdXROYW1lIG9mIGlucHV0c1RvU3luYykge1xuICAgICAgLy8gRmluZCB0aGUgY29ycmVzcG9uZGluZyBjYW1lbENhc2Ugc2lnbmFsIHByb3BlcnR5IG9uIHRoZSBBbmd1bGFyIGNvbXBvbmVudFxuICAgICAgY29uc3Qgc2lnbmFsTmFtZSA9IGlucHV0TmFtZS5yZXBsYWNlKC8tLi9nLCAoeDogc3RyaW5nKSA9PiB4WzFdLnRvVXBwZXJDYXNlKCkpO1xuXG4gICAgICAvLyBVc2UgdGhlIEluamVjdG9yIHRvIHJ1biB0aGUgZWZmZWN0IGluIHRoZSBjb3JyZWN0IGNvbnRleHRcbiAgICAgIGlmICh0aGlzW3NpZ25hbE5hbWVdICYmIHR5cGVvZiB0aGlzW3NpZ25hbE5hbWVdID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIHJ1bkluSW5qZWN0aW9uQ29udGV4dCh0aGlzLmluamVjdG9yLCAoKSA9PiB7XG4gICAgICAgICAgZWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIC8vIFJlYWQgdGhlIHNpZ25hbCB2YWx1ZVxuICAgICAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzW3NpZ25hbE5hbWVdKCk7XG4gICAgICAgICAgICBpZiAod2NFbGVtZW50KSB7XG4gICAgICAgICAgICAgIC8vIFdyaXRlIHRoZSB2YWx1ZSB0byB0aGUgV2ViIENvbXBvbmVudCdzIHByb3BlcnR5XG4gICAgICAgICAgICAgIHdjRWxlbWVudFtpbnB1dE5hbWVdID0gdmFsdWU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgXG4gICAgXG4gICAgXG5cbiAgfVxufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LXVpNS13ZWJjb21wb25lbnRzLW9wdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvdWk1LXdlYmNvbXBvbmVudHMvb3B0aW9uL2Z1bmRhbWVudGFsLW5neC11aTUtd2ViY29tcG9uZW50cy1vcHRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@ui5/webcomponents/dist/Panel.js';
|
|
4
|
+
|
|
5
|
+
class Panel {
|
|
6
|
+
constructor() {
|
|
7
|
+
/**
|
|
8
|
+
* This property is used to set the header text of the component.
|
|
9
|
+
The text is visible in both expanded and collapsed states.
|
|
10
|
+
|
|
11
|
+
**Note:** This property is overridden by the `header` slot.
|
|
12
|
+
*/
|
|
13
|
+
this.headerText = input(...(ngDevMode ? [undefined, { debugName: "headerText" }] : []));
|
|
14
|
+
/**
|
|
15
|
+
* Determines whether the component is in a fixed state that is not
|
|
16
|
+
expandable/collapsible by user interaction.
|
|
17
|
+
*/
|
|
18
|
+
this.fixed = input(false, ...(ngDevMode ? [{ debugName: "fixed", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
19
|
+
/**
|
|
20
|
+
* Indicates whether the component is collapsed and only the header is displayed.
|
|
21
|
+
*/
|
|
22
|
+
this.collapsed = input(false, ...(ngDevMode ? [{ debugName: "collapsed", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
23
|
+
/**
|
|
24
|
+
* Indicates whether the transition between the expanded and the collapsed state of the component is animated. By default the animation is enabled.
|
|
25
|
+
*/
|
|
26
|
+
this.noAnimation = input(false, ...(ngDevMode ? [{ debugName: "noAnimation", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
27
|
+
/**
|
|
28
|
+
* Sets the accessible ARIA role of the component.
|
|
29
|
+
Depending on the usage, you can change the role from the default `Form`
|
|
30
|
+
to `Region` or `Complementary`.
|
|
31
|
+
*/
|
|
32
|
+
this.accessibleRole = input("Form", ...(ngDevMode ? [{ debugName: "accessibleRole" }] : []));
|
|
33
|
+
/**
|
|
34
|
+
* Defines the "aria-level" of component heading,
|
|
35
|
+
set by the `headerText`.
|
|
36
|
+
*/
|
|
37
|
+
this.headerLevel = input("H2", ...(ngDevMode ? [{ debugName: "headerLevel" }] : []));
|
|
38
|
+
/**
|
|
39
|
+
* Defines the accessible ARIA name of the component.
|
|
40
|
+
*/
|
|
41
|
+
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
42
|
+
/**
|
|
43
|
+
* Indicates whether the Panel header is sticky or not.
|
|
44
|
+
If stickyHeader is set to true, then whenever you scroll the content or
|
|
45
|
+
the application, the header of the panel will be always visible and
|
|
46
|
+
a solid color will be used for its design.
|
|
47
|
+
*/
|
|
48
|
+
this.stickyHeader = input(false, ...(ngDevMode ? [{ debugName: "stickyHeader", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed
|
|
49
|
+
/**
|
|
50
|
+
* Fired when the component is expanded/collapsed by user interaction.
|
|
51
|
+
*/
|
|
52
|
+
this.ui5Toggle = output();
|
|
53
|
+
this.elementRef = inject(ElementRef);
|
|
54
|
+
this.injector = inject(Injector);
|
|
55
|
+
}
|
|
56
|
+
get element() {
|
|
57
|
+
return this.elementRef.nativeElement;
|
|
58
|
+
}
|
|
59
|
+
ngAfterViewInit() {
|
|
60
|
+
const wcElement = this.element;
|
|
61
|
+
const inputsToSync = [
|
|
62
|
+
'headerText',
|
|
63
|
+
'fixed',
|
|
64
|
+
'collapsed',
|
|
65
|
+
'noAnimation',
|
|
66
|
+
'accessibleRole',
|
|
67
|
+
'headerLevel',
|
|
68
|
+
'accessibleName',
|
|
69
|
+
'stickyHeader',
|
|
70
|
+
];
|
|
71
|
+
// Synchronize inputs (properties)
|
|
72
|
+
for (const inputName of inputsToSync) {
|
|
73
|
+
// Find the corresponding camelCase signal property on the Angular component
|
|
74
|
+
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
75
|
+
// Use the Injector to run the effect in the correct context
|
|
76
|
+
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
77
|
+
runInInjectionContext(this.injector, () => {
|
|
78
|
+
effect(() => {
|
|
79
|
+
// Read the signal value
|
|
80
|
+
const value = this[signalName]();
|
|
81
|
+
if (wcElement) {
|
|
82
|
+
// Write the value to the Web Component's property
|
|
83
|
+
wcElement[inputName] = value;
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
const outputsToSync = [
|
|
90
|
+
'ui5Toggle',
|
|
91
|
+
];
|
|
92
|
+
// Synchronize outputs (events)
|
|
93
|
+
for (const outputName of outputsToSync) {
|
|
94
|
+
// Map Angular output name to UI5 web component event name
|
|
95
|
+
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
96
|
+
// Ensure the output property exists and has an emit function before adding listener
|
|
97
|
+
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
98
|
+
// Cast the listener to the correct type to satisfy TypeScript
|
|
99
|
+
wcElement.addEventListener(eventName, (e) => {
|
|
100
|
+
this[outputName].emit(e);
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Panel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
106
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: Panel, isStandalone: true, selector: "ui5-panel, [ui5-panel]", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, noAnimation: { classPropertyName: "noAnimation", publicName: "noAnimation", isSignal: true, isRequired: false, transformFunction: null }, accessibleRole: { classPropertyName: "accessibleRole", publicName: "accessibleRole", isSignal: true, isRequired: false, transformFunction: null }, headerLevel: { classPropertyName: "headerLevel", publicName: "headerLevel", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Toggle: "ui5Toggle" }, exportAs: ["ui5Panel"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
107
|
+
}
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Panel, decorators: [{
|
|
109
|
+
type: Component,
|
|
110
|
+
args: [{
|
|
111
|
+
standalone: true,
|
|
112
|
+
selector: 'ui5-panel, [ui5-panel]',
|
|
113
|
+
template: '<ng-content></ng-content>',
|
|
114
|
+
exportAs: 'ui5Panel',
|
|
115
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
116
|
+
}]
|
|
117
|
+
}] });
|
|
118
|
+
|
|
119
|
+
/**
|
|
120
|
+
* Generated bundle index. Do not edit.
|
|
121
|
+
*/
|
|
122
|
+
|
|
123
|
+
export { Panel };
|
|
124
|
+
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-panel.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-panel.mjs","sources":["../tmp-esm2022/panel/index.js","../tmp-esm2022/panel/fundamental-ngx-ui5-webcomponents-panel.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, input, output, effect, runInInjectionContext, inject, Injector, booleanAttribute } from '@angular/core';\nimport '@ui5/webcomponents/dist/Panel.js';\nimport * as i0 from \"@angular/core\";\nexport class Panel {\n constructor() {\n /**\n * This property is used to set the header text of the component.\n The text is visible in both expanded and collapsed states.\n \n **Note:** This property is overridden by the `header` slot.\n */\n this.headerText = input(...(ngDevMode ? [undefined, { debugName: \"headerText\" }] : []));\n /**\n * Determines whether the component is in a fixed state that is not\n expandable/collapsible by user interaction.\n */\n this.fixed = input(false, ...(ngDevMode ? [{ debugName: \"fixed\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n /**\n * Indicates whether the component is collapsed and only the header is displayed.\n */\n this.collapsed = input(false, ...(ngDevMode ? [{ debugName: \"collapsed\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n /**\n * Indicates whether the transition between the expanded and the collapsed state of the component is animated. By default the animation is enabled.\n */\n this.noAnimation = input(false, ...(ngDevMode ? [{ debugName: \"noAnimation\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n /**\n * Sets the accessible ARIA role of the component.\n Depending on the usage, you can change the role from the default `Form`\n to `Region` or `Complementary`.\n */\n this.accessibleRole = input(\"Form\", ...(ngDevMode ? [{ debugName: \"accessibleRole\" }] : []));\n /**\n * Defines the \"aria-level\" of component heading,\n set by the `headerText`.\n */\n this.headerLevel = input(\"H2\", ...(ngDevMode ? [{ debugName: \"headerLevel\" }] : []));\n /**\n * Defines the accessible ARIA name of the component.\n */\n this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: \"accessibleName\" }] : []));\n /**\n * Indicates whether the Panel header is sticky or not.\n If stickyHeader is set to true, then whenever you scroll the content or\n the application, the header of the panel will be always visible and\n a solid color will be used for its design.\n */\n this.stickyHeader = input(false, ...(ngDevMode ? [{ debugName: \"stickyHeader\", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed\n /**\n * Fired when the component is expanded/collapsed by user interaction.\n */\n this.ui5Toggle = output();\n this.elementRef = inject(ElementRef);\n this.injector = inject(Injector);\n }\n get element() {\n return this.elementRef.nativeElement;\n }\n ngAfterViewInit() {\n const wcElement = this.element;\n const inputsToSync = [\n 'headerText',\n 'fixed',\n 'collapsed',\n 'noAnimation',\n 'accessibleRole',\n 'headerLevel',\n 'accessibleName',\n 'stickyHeader',\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) => x[1].toUpperCase());\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 const outputsToSync = [\n 'ui5Toggle',\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 this[outputName].emit(e);\n });\n }\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.4\", ngImport: i0, type: Panel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.1.4\", type: Panel, isStandalone: true, selector: \"ui5-panel, [ui5-panel]\", inputs: { headerText: { classPropertyName: \"headerText\", publicName: \"headerText\", isSignal: true, isRequired: false, transformFunction: null }, fixed: { classPropertyName: \"fixed\", publicName: \"fixed\", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: \"collapsed\", publicName: \"collapsed\", isSignal: true, isRequired: false, transformFunction: null }, noAnimation: { classPropertyName: \"noAnimation\", publicName: \"noAnimation\", isSignal: true, isRequired: false, transformFunction: null }, accessibleRole: { classPropertyName: \"accessibleRole\", publicName: \"accessibleRole\", isSignal: true, isRequired: false, transformFunction: null }, headerLevel: { classPropertyName: \"headerLevel\", publicName: \"headerLevel\", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: \"accessibleName\", publicName: \"accessibleName\", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: \"stickyHeader\", publicName: \"stickyHeader\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Toggle: \"ui5Toggle\" }, exportAs: [\"ui5Panel\"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.4\", ngImport: i0, type: Panel, decorators: [{\n type: Component,\n args: [{\n standalone: true,\n selector: 'ui5-panel, [ui5-panel]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5Panel',\n changeDetection: ChangeDetectionStrategy.OnPush,\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpNS13ZWJjb21wb25lbnRzL3BhbmVsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUVOLE1BQU0sRUFDTixxQkFBcUIsRUFDckIsTUFBTSxFQUNOLFFBQVEsRUFDUixnQkFBZ0IsRUFHakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxrQ0FBa0MsQ0FBQzs7QUFlMUMsTUFBTSxPQUFPLEtBQUs7SUFSbEI7UUFVRTs7Ozs7V0FLRztRQUNILGVBQVUsR0FBRyxLQUFLLGdFQUFrRCxDQUFDO1FBRXJFOzs7V0FHRztRQUNILFVBQUssR0FBRyxLQUFLLENBQUMsS0FBSyx5Q0FBSSxTQUFTLEVBQUUsZ0JBQWdCLE9BQTdCLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLEdBQUMsQ0FBQztRQUV0RDs7V0FFRztRQUNILGNBQVMsR0FBRyxLQUFLLENBQUMsS0FBSyw2Q0FBSSxTQUFTLEVBQUUsZ0JBQWdCLE9BQTdCLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLEdBQUMsQ0FBQztRQUUxRDs7V0FFRztRQUNILGdCQUFXLEdBQUcsS0FBSyxDQUFDLEtBQUssK0NBQUksU0FBUyxFQUFFLGdCQUFnQixPQUE3QixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxHQUFDLENBQUM7UUFFNUQ7Ozs7V0FJRztRQUNILG1CQUFjLEdBQUcsS0FBSyxDQUFxRCxNQUFNLDBEQUFDLENBQUM7UUFFbkY7OztXQUdHO1FBQ0gsZ0JBQVcsR0FBRyxLQUFLLENBQWtELElBQUksdURBQUMsQ0FBQztRQUUzRTs7V0FFRztRQUNILG1CQUFjLEdBQUcsS0FBSyxvRUFBc0QsQ0FBQztRQUU3RTs7Ozs7V0FLRztRQUNILGlCQUFZLEdBQUcsS0FBSyxDQUFDLEtBQUssZ0RBQUksU0FBUyxFQUFFLGdCQUFnQixPQUE3QixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxHQUFDLENBQUMsQ0FBQywwQkFBMEI7UUFJeEY7O1dBRUc7UUFDSCxjQUFTLEdBQUcsTUFBTSxFQUFvQyxDQUFDO1FBRWhELGVBQVUsR0FBdUIsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3BELGFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7S0E2RHBDO0lBM0RDLElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7SUFDdkMsQ0FBQztJQUVELGVBQWU7UUFDYixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBRS9CLE1BQU0sWUFBWSxHQUFHO1lBQ25CLFlBQVk7WUFDWixPQUFPO1lBQ1AsV0FBVztZQUNYLGFBQWE7WUFDYixnQkFBZ0I7WUFDaEIsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixjQUFjO1NBQ2YsQ0FBQztRQUVGLGtDQUFrQztRQUNsQyxLQUFLLE1BQU0sU0FBUyxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQ3JDLDRFQUE0RTtZQUM1RSxNQUFNLFVBQVUsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7WUFFL0UsNERBQTREO1lBQzVELElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLFVBQVUsRUFBRSxDQUFDO2dCQUMvRCxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRTtvQkFDeEMsTUFBTSxDQUFDLEdBQUcsRUFBRTt3QkFDVix3QkFBd0I7d0JBQ3hCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDO3dCQUNqQyxJQUFJLFNBQVMsRUFBRSxDQUFDOzRCQUNkLGtEQUFrRDs0QkFDbEQsU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEtBQUssQ0FBQzt3QkFDL0IsQ0FBQztvQkFDSCxDQUFDLENBQUMsQ0FBQztnQkFDTCxDQUFDLENBQUMsQ0FBQztZQUNMLENBQUM7UUFDSCxDQUFDO1FBR0QsTUFBTSxhQUFhLEdBQUc7WUFDcEIsV0FBVztTQUNaLENBQUM7UUFFRiwrQkFBK0I7UUFDL0IsS0FBSyxNQUFNLFVBQVUsSUFBSSxhQUFhLEVBQUUsQ0FBQztZQUN2QywwREFBMEQ7WUFDMUQsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDdEcsb0ZBQW9GO1lBQ3BGLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksS0FBSyxVQUFVLElBQUksU0FBUyxDQUFDLGdCQUFnQixFQUFFLENBQUM7Z0JBQ2xHLDhEQUE4RDtnQkFDOUQsU0FBUyxDQUFDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFO29CQUUxQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQXFCLENBQUMsQ0FBQztnQkFDL0MsQ0FBQyxDQUFDLENBQUM7WUFDTCxDQUFDO1FBQ0gsQ0FBQztJQUdILENBQUM7OEdBeEhVLEtBQUs7a0dBQUwsS0FBSyxxdUNBTE4sMkJBQTJCOzsyRkFLMUIsS0FBSztrQkFSakIsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsUUFBUSxFQUFFLFVBQVU7b0JBRXBCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgaW5wdXQsXG4gIG91dHB1dCxcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgZWZmZWN0LFxuICBydW5JbkluamVjdGlvbkNvbnRleHQsXG4gIGluamVjdCxcbiAgSW5qZWN0b3IsXG4gIGJvb2xlYW5BdHRyaWJ1dGUsXG4gIGNvbXB1dGVkLFxuICBzaWduYWxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgJ0B1aTUvd2ViY29tcG9uZW50cy9kaXN0L1BhbmVsLmpzJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgX1BhbmVsIH0gZnJvbSAnQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvUGFuZWwuanMnO1xuaW1wb3J0IHsgVUk1Q3VzdG9tRXZlbnQgfSBmcm9tICdAdWk1L3dlYmNvbXBvbmVudHMtYmFzZSc7XG5cbmltcG9ydCB7IGRlZmF1bHQgYXMgUGFuZWxBY2Nlc3NpYmxlUm9sZSB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy9kaXN0L3R5cGVzL1BhbmVsQWNjZXNzaWJsZVJvbGUuanMnO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBUaXRsZUxldmVsIH0gZnJvbSAnQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvdHlwZXMvVGl0bGVMZXZlbC5qcyc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3VpNS1wYW5lbCwgW3VpNS1wYW5lbF0nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBleHBvcnRBczogJ3VpNVBhbmVsJyxcblxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUGFuZWwgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICAvKipcbiAgICogVGhpcyBwcm9wZXJ0eSBpcyB1c2VkIHRvIHNldCB0aGUgaGVhZGVyIHRleHQgb2YgdGhlIGNvbXBvbmVudC5cblRoZSB0ZXh0IGlzIHZpc2libGUgaW4gYm90aCBleHBhbmRlZCBhbmQgY29sbGFwc2VkIHN0YXRlcy5cblxuKipOb3RlOioqIFRoaXMgcHJvcGVydHkgaXMgb3ZlcnJpZGRlbiBieSB0aGUgYGhlYWRlcmAgc2xvdC5cbiAgICovXG4gIGhlYWRlclRleHQgPSBpbnB1dDx0eXBlb2YgX1BhbmVsLnByb3RvdHlwZS5oZWFkZXJUZXh0IHwgdW5kZWZpbmVkPigpO1xuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHdoZXRoZXIgdGhlIGNvbXBvbmVudCBpcyBpbiBhIGZpeGVkIHN0YXRlIHRoYXQgaXMgbm90XG5leHBhbmRhYmxlL2NvbGxhcHNpYmxlIGJ5IHVzZXIgaW50ZXJhY3Rpb24uXG4gICAqL1xuICBmaXhlZCA9IGlucHV0KGZhbHNlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTtcblxuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIGNvbXBvbmVudCBpcyBjb2xsYXBzZWQgYW5kIG9ubHkgdGhlIGhlYWRlciBpcyBkaXNwbGF5ZWQuXG4gICAqL1xuICBjb2xsYXBzZWQgPSBpbnB1dChmYWxzZSwgeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSk7XG5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSB0cmFuc2l0aW9uIGJldHdlZW4gdGhlIGV4cGFuZGVkIGFuZCB0aGUgY29sbGFwc2VkIHN0YXRlIG9mIHRoZSBjb21wb25lbnQgaXMgYW5pbWF0ZWQuIEJ5IGRlZmF1bHQgdGhlIGFuaW1hdGlvbiBpcyBlbmFibGVkLlxuICAgKi9cbiAgbm9BbmltYXRpb24gPSBpbnB1dChmYWxzZSwgeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSk7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGFjY2Vzc2libGUgQVJJQSByb2xlIG9mIHRoZSBjb21wb25lbnQuXG5EZXBlbmRpbmcgb24gdGhlIHVzYWdlLCB5b3UgY2FuIGNoYW5nZSB0aGUgcm9sZSBmcm9tIHRoZSBkZWZhdWx0IGBGb3JtYFxudG8gYFJlZ2lvbmAgb3IgYENvbXBsZW1lbnRhcnlgLlxuICAgKi9cbiAgYWNjZXNzaWJsZVJvbGUgPSBpbnB1dDx0eXBlb2YgX1BhbmVsLnByb3RvdHlwZS5hY2Nlc3NpYmxlUm9sZSB8IHVuZGVmaW5lZD4oXCJGb3JtXCIpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBcImFyaWEtbGV2ZWxcIiBvZiBjb21wb25lbnQgaGVhZGluZyxcbnNldCBieSB0aGUgYGhlYWRlclRleHRgLlxuICAgKi9cbiAgaGVhZGVyTGV2ZWwgPSBpbnB1dDx0eXBlb2YgX1BhbmVsLnByb3RvdHlwZS5oZWFkZXJMZXZlbCB8IHVuZGVmaW5lZD4oXCJIMlwiKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgYWNjZXNzaWJsZSBBUklBIG5hbWUgb2YgdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIGFjY2Vzc2libGVOYW1lID0gaW5wdXQ8dHlwZW9mIF9QYW5lbC5wcm90b3R5cGUuYWNjZXNzaWJsZU5hbWUgfCB1bmRlZmluZWQ+KCk7XG5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBQYW5lbCBoZWFkZXIgaXMgc3RpY2t5IG9yIG5vdC5cbklmIHN0aWNreUhlYWRlciBpcyBzZXQgdG8gdHJ1ZSwgdGhlbiB3aGVuZXZlciB5b3Ugc2Nyb2xsIHRoZSBjb250ZW50IG9yXG50aGUgYXBwbGljYXRpb24sIHRoZSBoZWFkZXIgb2YgdGhlIHBhbmVsIHdpbGwgYmUgYWx3YXlzIHZpc2libGUgYW5kXG5hIHNvbGlkIGNvbG9yIHdpbGwgYmUgdXNlZCBmb3IgaXRzIGRlc2lnbi5cbiAgICovXG4gIHN0aWNreUhlYWRlciA9IGlucHV0KGZhbHNlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTsgLy8gY2xhc3NOYW1lIGlzIG5vdyBwYXNzZWRcblxuXG5cbiAgLyoqXG4gICAqIEZpcmVkIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBleHBhbmRlZC9jb2xsYXBzZWQgYnkgdXNlciBpbnRlcmFjdGlvbi5cbiAgICovXG4gIHVpNVRvZ2dsZSA9IG91dHB1dDxVSTVDdXN0b21FdmVudDxfUGFuZWwsICd0b2dnbGUnPj4oKTtcblxuICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxfUGFuZWw+ID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICBwdWJsaWMgaW5qZWN0b3IgPSBpbmplY3QoSW5qZWN0b3IpO1xuXG4gIGdldCBlbGVtZW50KCk6IF9QYW5lbCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IHdjRWxlbWVudCA9IHRoaXMuZWxlbWVudDtcbiAgICBcbiAgICBjb25zdCBpbnB1dHNUb1N5bmMgPSBbXG4gICAgICAnaGVhZGVyVGV4dCcsXG4gICAgICAnZml4ZWQnLFxuICAgICAgJ2NvbGxhcHNlZCcsXG4gICAgICAnbm9BbmltYXRpb24nLFxuICAgICAgJ2FjY2Vzc2libGVSb2xlJyxcbiAgICAgICdoZWFkZXJMZXZlbCcsXG4gICAgICAnYWNjZXNzaWJsZU5hbWUnLFxuICAgICAgJ3N0aWNreUhlYWRlcicsXG4gICAgXTtcbiAgICBcbiAgICAvLyBTeW5jaHJvbml6ZSBpbnB1dHMgKHByb3BlcnRpZXMpXG4gICAgZm9yIChjb25zdCBpbnB1dE5hbWUgb2YgaW5wdXRzVG9TeW5jKSB7XG4gICAgICAvLyBGaW5kIHRoZSBjb3JyZXNwb25kaW5nIGNhbWVsQ2FzZSBzaWduYWwgcHJvcGVydHkgb24gdGhlIEFuZ3VsYXIgY29tcG9uZW50XG4gICAgICBjb25zdCBzaWduYWxOYW1lID0gaW5wdXROYW1lLnJlcGxhY2UoLy0uL2csICh4OiBzdHJpbmcpID0+IHhbMV0udG9VcHBlckNhc2UoKSk7XG5cbiAgICAgIC8vIFVzZSB0aGUgSW5qZWN0b3IgdG8gcnVuIHRoZSBlZmZlY3QgaW4gdGhlIGNvcnJlY3QgY29udGV4dFxuICAgICAgaWYgKHRoaXNbc2lnbmFsTmFtZV0gJiYgdHlwZW9mIHRoaXNbc2lnbmFsTmFtZV0gPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgcnVuSW5JbmplY3Rpb25Db250ZXh0KHRoaXMuaW5qZWN0b3IsICgpID0+IHtcbiAgICAgICAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgICAgICAgLy8gUmVhZCB0aGUgc2lnbmFsIHZhbHVlXG4gICAgICAgICAgICBjb25zdCB2YWx1ZSA9IHRoaXNbc2lnbmFsTmFtZV0oKTtcbiAgICAgICAgICAgIGlmICh3Y0VsZW1lbnQpIHtcbiAgICAgICAgICAgICAgLy8gV3JpdGUgdGhlIHZhbHVlIHRvIHRoZSBXZWIgQ29tcG9uZW50J3MgcHJvcGVydHlcbiAgICAgICAgICAgICAgd2NFbGVtZW50W2lucHV0TmFtZV0gPSB2YWx1ZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9KTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfVxuICBcbiAgICBcbiAgICBjb25zdCBvdXRwdXRzVG9TeW5jID0gW1xuICAgICAgJ3VpNVRvZ2dsZScsXG4gICAgXTtcbiAgICBcbiAgICAvLyBTeW5jaHJvbml6ZSBvdXRwdXRzIChldmVudHMpXG4gICAgZm9yIChjb25zdCBvdXRwdXROYW1lIG9mIG91dHB1dHNUb1N5bmMpIHtcbiAgICAgIC8vIE1hcCBBbmd1bGFyIG91dHB1dCBuYW1lIHRvIFVJNSB3ZWIgY29tcG9uZW50IGV2ZW50IG5hbWVcbiAgICAgIGNvbnN0IGV2ZW50TmFtZSA9IG91dHB1dE5hbWUucmVwbGFjZSgndWk1JywgJycpLnJlcGxhY2UoLyhbQS1aXSkvZywgJy0kMScpLnRvTG93ZXJDYXNlKCkuc3Vic3RyaW5nKDEpO1xuICAgICAgLy8gRW5zdXJlIHRoZSBvdXRwdXQgcHJvcGVydHkgZXhpc3RzIGFuZCBoYXMgYW4gZW1pdCBmdW5jdGlvbiBiZWZvcmUgYWRkaW5nIGxpc3RlbmVyXG4gICAgICBpZiAodGhpc1tvdXRwdXROYW1lXSAmJiB0eXBlb2YgdGhpc1tvdXRwdXROYW1lXS5lbWl0ID09PSAnZnVuY3Rpb24nICYmIHdjRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKSB7XG4gICAgICAgIC8vIENhc3QgdGhlIGxpc3RlbmVyIHRvIHRoZSBjb3JyZWN0IHR5cGUgdG8gc2F0aXNmeSBUeXBlU2NyaXB0XG4gICAgICAgIHdjRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKGV2ZW50TmFtZSwgKGUpID0+IHtcblxuICAgICAgICAgIHRoaXNbb3V0cHV0TmFtZV0uZW1pdChlIGFzIEN1c3RvbUV2ZW50PGFueT4pO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9XG4gIFxuXG4gIH1cbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LXVpNS13ZWJjb21wb25lbnRzLXBhbmVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy91aTUtd2ViY29tcG9uZW50cy9wYW5lbC9mdW5kYW1lbnRhbC1uZ3gtdWk1LXdlYmNvbXBvbmVudHMtcGFuZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,185 @@
|
|
|
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/Popover.js';
|
|
4
|
+
|
|
5
|
+
class Popover {
|
|
6
|
+
constructor() {
|
|
7
|
+
/**
|
|
8
|
+
* Defines the header text.
|
|
9
|
+
|
|
10
|
+
**Note:** If `header` slot is provided, the `headerText` is ignored.
|
|
11
|
+
*/
|
|
12
|
+
this.headerText = input(...(ngDevMode ? [undefined, { debugName: "headerText" }] : []));
|
|
13
|
+
/**
|
|
14
|
+
* Determines on which side the component is placed at.
|
|
15
|
+
*/
|
|
16
|
+
this.placement = input("End", ...(ngDevMode ? [{ debugName: "placement" }] : []));
|
|
17
|
+
/**
|
|
18
|
+
* Determines the horizontal alignment of the component.
|
|
19
|
+
*/
|
|
20
|
+
this.horizontalAlign = input("Center", ...(ngDevMode ? [{ debugName: "horizontalAlign" }] : []));
|
|
21
|
+
/**
|
|
22
|
+
* Determines the vertical alignment of the component.
|
|
23
|
+
*/
|
|
24
|
+
this.verticalAlign = input("Center", ...(ngDevMode ? [{ debugName: "verticalAlign" }] : []));
|
|
25
|
+
/**
|
|
26
|
+
* Defines whether the component should close when
|
|
27
|
+
clicking/tapping outside of the popover.
|
|
28
|
+
If enabled, it blocks any interaction with the background.
|
|
29
|
+
*/
|
|
30
|
+
this.modal = input(false, ...(ngDevMode ? [{ debugName: "modal", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
31
|
+
/**
|
|
32
|
+
* Determines whether the component arrow is hidden.
|
|
33
|
+
*/
|
|
34
|
+
this.hideArrow = input(false, ...(ngDevMode ? [{ debugName: "hideArrow", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
35
|
+
/**
|
|
36
|
+
* Determines if there is no enough space, the component can be placed
|
|
37
|
+
over the target.
|
|
38
|
+
*/
|
|
39
|
+
this.allowTargetOverlap = input(false, ...(ngDevMode ? [{ debugName: "allowTargetOverlap", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
40
|
+
/**
|
|
41
|
+
* Defines the ID or DOM Reference of the element at which the popover is shown.
|
|
42
|
+
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.
|
|
43
|
+
You can only set the `opener` attribute to a DOM Reference when using JavaScript.
|
|
44
|
+
*/
|
|
45
|
+
this.opener = input(...(ngDevMode ? [undefined, { debugName: "opener" }] : []));
|
|
46
|
+
/**
|
|
47
|
+
* Defines the ID of the HTML Element, which will get the initial focus.
|
|
48
|
+
|
|
49
|
+
**Note:** If an element with `autofocus` attribute is added inside the component,
|
|
50
|
+
`initialFocus` won't take effect.
|
|
51
|
+
*/
|
|
52
|
+
this.initialFocus = input(...(ngDevMode ? [undefined, { debugName: "initialFocus" }] : []));
|
|
53
|
+
/**
|
|
54
|
+
* Defines if the focus should be returned to the previously focused element,
|
|
55
|
+
when the popup closes.
|
|
56
|
+
*/
|
|
57
|
+
this.preventFocusRestore = input(false, ...(ngDevMode ? [{ debugName: "preventFocusRestore", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
58
|
+
/**
|
|
59
|
+
* Defines the accessible name of the component.
|
|
60
|
+
*/
|
|
61
|
+
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
62
|
+
/**
|
|
63
|
+
* Defines the IDs of the elements that label the component.
|
|
64
|
+
*/
|
|
65
|
+
this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
|
|
66
|
+
/**
|
|
67
|
+
* Allows setting a custom role.
|
|
68
|
+
*/
|
|
69
|
+
this.accessibleRole = input("Dialog", ...(ngDevMode ? [{ debugName: "accessibleRole" }] : []));
|
|
70
|
+
/**
|
|
71
|
+
* Defines the accessible description of the component.
|
|
72
|
+
*/
|
|
73
|
+
this.accessibleDescription = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescription" }] : []));
|
|
74
|
+
/**
|
|
75
|
+
* Receives id(or many ids) of the elements that describe the component.
|
|
76
|
+
*/
|
|
77
|
+
this.accessibleDescriptionRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescriptionRef" }] : []));
|
|
78
|
+
/**
|
|
79
|
+
* Indicates whether initial focus should be prevented.
|
|
80
|
+
*/
|
|
81
|
+
this.preventInitialFocus = input(false, ...(ngDevMode ? [{ debugName: "preventInitialFocus", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
82
|
+
/**
|
|
83
|
+
* Indicates if the element is open
|
|
84
|
+
*/
|
|
85
|
+
this.open = input(false, ...(ngDevMode ? [{ debugName: "open", transform: booleanAttribute }] : [{ transform: booleanAttribute }])); // className is now passed
|
|
86
|
+
/**
|
|
87
|
+
* Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.
|
|
88
|
+
*/
|
|
89
|
+
this.ui5BeforeOpen = output();
|
|
90
|
+
/**
|
|
91
|
+
* Fired after the component is opened.
|
|
92
|
+
*/
|
|
93
|
+
this.ui5Open = output();
|
|
94
|
+
/**
|
|
95
|
+
* Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.
|
|
96
|
+
*/
|
|
97
|
+
this.ui5BeforeClose = output();
|
|
98
|
+
/**
|
|
99
|
+
* Fired after the component is closed.
|
|
100
|
+
*/
|
|
101
|
+
this.ui5Close = output();
|
|
102
|
+
this.elementRef = inject(ElementRef);
|
|
103
|
+
this.injector = inject(Injector);
|
|
104
|
+
}
|
|
105
|
+
get element() {
|
|
106
|
+
return this.elementRef.nativeElement;
|
|
107
|
+
}
|
|
108
|
+
ngAfterViewInit() {
|
|
109
|
+
const wcElement = this.element;
|
|
110
|
+
const inputsToSync = [
|
|
111
|
+
'headerText',
|
|
112
|
+
'placement',
|
|
113
|
+
'horizontalAlign',
|
|
114
|
+
'verticalAlign',
|
|
115
|
+
'modal',
|
|
116
|
+
'hideArrow',
|
|
117
|
+
'allowTargetOverlap',
|
|
118
|
+
'opener',
|
|
119
|
+
'initialFocus',
|
|
120
|
+
'preventFocusRestore',
|
|
121
|
+
'accessibleName',
|
|
122
|
+
'accessibleNameRef',
|
|
123
|
+
'accessibleRole',
|
|
124
|
+
'accessibleDescription',
|
|
125
|
+
'accessibleDescriptionRef',
|
|
126
|
+
'preventInitialFocus',
|
|
127
|
+
'open',
|
|
128
|
+
];
|
|
129
|
+
// Synchronize inputs (properties)
|
|
130
|
+
for (const inputName of inputsToSync) {
|
|
131
|
+
// Find the corresponding camelCase signal property on the Angular component
|
|
132
|
+
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
133
|
+
// Use the Injector to run the effect in the correct context
|
|
134
|
+
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
135
|
+
runInInjectionContext(this.injector, () => {
|
|
136
|
+
effect(() => {
|
|
137
|
+
// Read the signal value
|
|
138
|
+
const value = this[signalName]();
|
|
139
|
+
if (wcElement) {
|
|
140
|
+
// Write the value to the Web Component's property
|
|
141
|
+
wcElement[inputName] = value;
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
});
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
const outputsToSync = [
|
|
148
|
+
'ui5BeforeOpen',
|
|
149
|
+
'ui5Open',
|
|
150
|
+
'ui5BeforeClose',
|
|
151
|
+
'ui5Close',
|
|
152
|
+
];
|
|
153
|
+
// Synchronize outputs (events)
|
|
154
|
+
for (const outputName of outputsToSync) {
|
|
155
|
+
// Map Angular output name to UI5 web component event name
|
|
156
|
+
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
157
|
+
// Ensure the output property exists and has an emit function before adding listener
|
|
158
|
+
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
159
|
+
// Cast the listener to the correct type to satisfy TypeScript
|
|
160
|
+
wcElement.addEventListener(eventName, (e) => {
|
|
161
|
+
this[outputName].emit(e);
|
|
162
|
+
});
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Popover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
167
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: Popover, isStandalone: true, selector: "ui5-popover, [ui5-popover]", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, horizontalAlign: { classPropertyName: "horizontalAlign", publicName: "horizontalAlign", isSignal: true, isRequired: false, transformFunction: null }, verticalAlign: { classPropertyName: "verticalAlign", publicName: "verticalAlign", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, hideArrow: { classPropertyName: "hideArrow", publicName: "hideArrow", isSignal: true, isRequired: false, transformFunction: null }, allowTargetOverlap: { classPropertyName: "allowTargetOverlap", publicName: "allowTargetOverlap", isSignal: true, isRequired: false, transformFunction: null }, opener: { classPropertyName: "opener", publicName: "opener", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null }, preventFocusRestore: { classPropertyName: "preventFocusRestore", publicName: "preventFocusRestore", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, accessibleRole: { classPropertyName: "accessibleRole", publicName: "accessibleRole", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescription: { classPropertyName: "accessibleDescription", publicName: "accessibleDescription", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescriptionRef: { classPropertyName: "accessibleDescriptionRef", publicName: "accessibleDescriptionRef", isSignal: true, isRequired: false, transformFunction: null }, preventInitialFocus: { classPropertyName: "preventInitialFocus", publicName: "preventInitialFocus", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5BeforeOpen: "ui5BeforeOpen", ui5Open: "ui5Open", ui5BeforeClose: "ui5BeforeClose", ui5Close: "ui5Close" }, exportAs: ["ui5Popover"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
168
|
+
}
|
|
169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Popover, decorators: [{
|
|
170
|
+
type: Component,
|
|
171
|
+
args: [{
|
|
172
|
+
standalone: true,
|
|
173
|
+
selector: 'ui5-popover, [ui5-popover]',
|
|
174
|
+
template: '<ng-content></ng-content>',
|
|
175
|
+
exportAs: 'ui5Popover',
|
|
176
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
177
|
+
}]
|
|
178
|
+
}] });
|
|
179
|
+
|
|
180
|
+
/**
|
|
181
|
+
* Generated bundle index. Do not edit.
|
|
182
|
+
*/
|
|
183
|
+
|
|
184
|
+
export { Popover };
|
|
185
|
+
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-popover.mjs.map
|