@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,190 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, computed, output, inject, ElementRef, Injector, signal, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@ui5/webcomponents/dist/FileUploader.js';
|
|
4
|
+
import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
|
|
5
|
+
import { GenericControlValueAccessor } from '@fundamental-ngx/ui5-webcomponents/utils';
|
|
6
|
+
|
|
7
|
+
class FileUploader {
|
|
8
|
+
constructor() {
|
|
9
|
+
/**
|
|
10
|
+
* Comma-separated list of file types that the component should accept.
|
|
11
|
+
|
|
12
|
+
**Note:** Please make sure you are adding the `.` in front on the file type, e.g. `.png` in case you want to accept png's only.
|
|
13
|
+
*/
|
|
14
|
+
this.accept = input(...(ngDevMode ? [undefined, { debugName: "accept" }] : []));
|
|
15
|
+
/**
|
|
16
|
+
* If set to "true", the input field of component will not be rendered. Only the default slot that is passed will be rendered.
|
|
17
|
+
|
|
18
|
+
**Note:** Use this property in combination with the default slot to achieve a button-only file uploader design.
|
|
19
|
+
*/
|
|
20
|
+
this.hideInput = input(false, ...(ngDevMode ? [{ debugName: "hideInput", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
21
|
+
/**
|
|
22
|
+
* Defines whether the component is in disabled state.
|
|
23
|
+
|
|
24
|
+
**Note:** A disabled component is completely noninteractive.
|
|
25
|
+
*/
|
|
26
|
+
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
27
|
+
/**
|
|
28
|
+
* Allows multiple files to be chosen.
|
|
29
|
+
*/
|
|
30
|
+
this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
31
|
+
/**
|
|
32
|
+
* Determines the name by which the component will be identified upon submission in an HTML form.
|
|
33
|
+
|
|
34
|
+
**Note:** This property is only applicable within the context of an HTML Form element.
|
|
35
|
+
*/
|
|
36
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
37
|
+
/**
|
|
38
|
+
* Defines a short hint intended to aid the user with data entry when the component has no value.
|
|
39
|
+
*/
|
|
40
|
+
this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
|
|
41
|
+
/**
|
|
42
|
+
* Defines the name/names of the file/files to upload.
|
|
43
|
+
*/
|
|
44
|
+
this.value = input("", ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
45
|
+
/**
|
|
46
|
+
* Defines the maximum file size in megabytes which prevents the upload if at least one file exceeds it.
|
|
47
|
+
*/
|
|
48
|
+
this.maxFileSize = input(...(ngDevMode ? [undefined, { debugName: "maxFileSize" }] : []));
|
|
49
|
+
/**
|
|
50
|
+
* Defines the value state of the component.
|
|
51
|
+
*/
|
|
52
|
+
this.valueState = input("None", ...(ngDevMode ? [{ debugName: "valueState" }] : []));
|
|
53
|
+
/**
|
|
54
|
+
* Defines whether the component is required.
|
|
55
|
+
*/
|
|
56
|
+
this.required = input(false, ...(ngDevMode ? [{ debugName: "required", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
57
|
+
/**
|
|
58
|
+
* Defines the accessible ARIA name of the component.
|
|
59
|
+
*/
|
|
60
|
+
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
61
|
+
/**
|
|
62
|
+
* Receives id(or many ids) of the elements that label the input.
|
|
63
|
+
*/
|
|
64
|
+
this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
|
|
65
|
+
/**
|
|
66
|
+
* Defines the accessible description of the component.
|
|
67
|
+
*/
|
|
68
|
+
this.accessibleDescription = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescription" }] : []));
|
|
69
|
+
/**
|
|
70
|
+
* Receives id(or many ids) of the elements that describe the input.
|
|
71
|
+
*/
|
|
72
|
+
this.accessibleDescriptionRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescriptionRef" }] : [])); // className is now passed
|
|
73
|
+
/**
|
|
74
|
+
* FileList of all selected files.
|
|
75
|
+
* @readonly This property is managed by the web component and updates reactively.
|
|
76
|
+
* Based on schema: readonly field that updates via change event parameters.
|
|
77
|
+
*/
|
|
78
|
+
this.files = computed(() => this._filesSignal(), ...(ngDevMode ? [{ debugName: "files" }] : []));
|
|
79
|
+
/**
|
|
80
|
+
* Event is fired when the value of the file path has been changed.
|
|
81
|
+
|
|
82
|
+
**Note:** Keep in mind that because of the HTML input element of type file, the event is also fired in Chrome browser when the Cancel button of the uploads window is pressed.
|
|
83
|
+
*/
|
|
84
|
+
this.ui5Change = output();
|
|
85
|
+
/**
|
|
86
|
+
* Event is fired when the size of a file is above the `maxFileSize` property value.
|
|
87
|
+
*/
|
|
88
|
+
this.ui5FileSizeExceed = output();
|
|
89
|
+
this.elementRef = inject(ElementRef);
|
|
90
|
+
this.injector = inject(Injector);
|
|
91
|
+
// Internal signal to track files from change events
|
|
92
|
+
this._filesSignal = signal(null, ...(ngDevMode ? [{ debugName: "_filesSignal" }] : []));
|
|
93
|
+
}
|
|
94
|
+
get element() {
|
|
95
|
+
return this.elementRef.nativeElement;
|
|
96
|
+
}
|
|
97
|
+
ngAfterViewInit() {
|
|
98
|
+
const wcElement = this.element;
|
|
99
|
+
const inputsToSync = [
|
|
100
|
+
'accept',
|
|
101
|
+
'hideInput',
|
|
102
|
+
'disabled',
|
|
103
|
+
'multiple',
|
|
104
|
+
'name',
|
|
105
|
+
'placeholder',
|
|
106
|
+
'value',
|
|
107
|
+
'maxFileSize',
|
|
108
|
+
'valueState',
|
|
109
|
+
'required',
|
|
110
|
+
'accessibleName',
|
|
111
|
+
'accessibleNameRef',
|
|
112
|
+
'accessibleDescription',
|
|
113
|
+
'accessibleDescriptionRef',
|
|
114
|
+
];
|
|
115
|
+
// Synchronize inputs (properties)
|
|
116
|
+
for (const inputName of inputsToSync) {
|
|
117
|
+
// Find the corresponding camelCase signal property on the Angular component
|
|
118
|
+
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
119
|
+
// Use the Injector to run the effect in the correct context
|
|
120
|
+
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
121
|
+
runInInjectionContext(this.injector, () => {
|
|
122
|
+
effect(() => {
|
|
123
|
+
// Read the signal value
|
|
124
|
+
const value = this[signalName]();
|
|
125
|
+
if (wcElement) {
|
|
126
|
+
// Write the value to the Web Component's property
|
|
127
|
+
wcElement[inputName] = value;
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
});
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
const outputsToSync = [
|
|
134
|
+
'ui5Change',
|
|
135
|
+
'ui5FileSizeExceed',
|
|
136
|
+
];
|
|
137
|
+
// Synchronize outputs (events)
|
|
138
|
+
for (const outputName of outputsToSync) {
|
|
139
|
+
// Map Angular output name to UI5 web component event name
|
|
140
|
+
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
141
|
+
// Ensure the output property exists and has an emit function before adding listener
|
|
142
|
+
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
143
|
+
// Cast the listener to the correct type to satisfy TypeScript
|
|
144
|
+
wcElement.addEventListener(eventName, (e) => {
|
|
145
|
+
// Update files signal when change event fires
|
|
146
|
+
if (eventName === 'change') {
|
|
147
|
+
const customEvent = e;
|
|
148
|
+
// Use files from event detail, fallback to web component property
|
|
149
|
+
const filesValue = customEvent.detail?.files || wcElement.files || null;
|
|
150
|
+
this._filesSignal.set(filesValue);
|
|
151
|
+
}
|
|
152
|
+
this[outputName].emit(e);
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
// Initialize files signal with current state using delayed initialization
|
|
157
|
+
// to handle web component timing properly
|
|
158
|
+
const initializeFiles = () => {
|
|
159
|
+
const currentValue = wcElement.files || null;
|
|
160
|
+
if (JSON.stringify(currentValue) !== JSON.stringify(this._filesSignal())) {
|
|
161
|
+
this._filesSignal.set(currentValue);
|
|
162
|
+
}
|
|
163
|
+
};
|
|
164
|
+
// Try immediate initialization
|
|
165
|
+
initializeFiles();
|
|
166
|
+
// Fallback delayed initialization if web component needs more time
|
|
167
|
+
// Use requestAnimationFrame for zoneless compatibility
|
|
168
|
+
requestAnimationFrame(() => initializeFiles());
|
|
169
|
+
}
|
|
170
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FileUploader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
171
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: FileUploader, isStandalone: true, selector: "ui5-file-uploader, [ui5-file-uploader]", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, hideInput: { classPropertyName: "hideInput", publicName: "hideInput", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", 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 }, accessibleDescription: { classPropertyName: "accessibleDescription", publicName: "accessibleDescription", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescriptionRef: { classPropertyName: "accessibleDescriptionRef", publicName: "accessibleDescriptionRef", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change", ui5FileSizeExceed: "ui5FileSizeExceed" }, exportAs: ["ui5FileUploader"], hostDirectives: [{ directive: i1.GenericControlValueAccessor }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
172
|
+
}
|
|
173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FileUploader, decorators: [{
|
|
174
|
+
type: Component,
|
|
175
|
+
args: [{
|
|
176
|
+
standalone: true,
|
|
177
|
+
selector: 'ui5-file-uploader, [ui5-file-uploader]',
|
|
178
|
+
template: '<ng-content></ng-content>',
|
|
179
|
+
exportAs: 'ui5FileUploader',
|
|
180
|
+
hostDirectives: [GenericControlValueAccessor],
|
|
181
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
182
|
+
}]
|
|
183
|
+
}] });
|
|
184
|
+
|
|
185
|
+
/**
|
|
186
|
+
* Generated bundle index. Do not edit.
|
|
187
|
+
*/
|
|
188
|
+
|
|
189
|
+
export { FileUploader };
|
|
190
|
+
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-file-uploader.mjs","sources":["../tmp-esm2022/file-uploader/index.js","../tmp-esm2022/file-uploader/fundamental-ngx-ui5-webcomponents-file-uploader.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, input, output, effect, runInInjectionContext, inject, Injector, booleanAttribute, computed, signal } from '@angular/core';\nimport '@ui5/webcomponents/dist/FileUploader.js';\nimport { GenericControlValueAccessor } from '@fundamental-ngx/ui5-webcomponents/utils';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@fundamental-ngx/ui5-webcomponents/utils\";\nexport class FileUploader {\n constructor() {\n /**\n * Comma-separated list of file types that the component should accept.\n \n **Note:** Please make sure you are adding the `.` in front on the file type, e.g. `.png` in case you want to accept png's only.\n */\n this.accept = input(...(ngDevMode ? [undefined, { debugName: \"accept\" }] : []));\n /**\n * If set to \"true\", the input field of component will not be rendered. Only the default slot that is passed will be rendered.\n \n **Note:** Use this property in combination with the default slot to achieve a button-only file uploader design.\n */\n this.hideInput = input(false, ...(ngDevMode ? [{ debugName: \"hideInput\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n /**\n * Defines whether the component is in disabled state.\n \n **Note:** A disabled component is completely noninteractive.\n */\n this.disabled = input(false, ...(ngDevMode ? [{ debugName: \"disabled\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n /**\n * Allows multiple files to be chosen.\n */\n this.multiple = input(false, ...(ngDevMode ? [{ debugName: \"multiple\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n /**\n * Determines the name by which the component will be identified upon submission in an HTML form.\n \n **Note:** This property is only applicable within the context of an HTML Form element.\n */\n this.name = input(...(ngDevMode ? [undefined, { debugName: \"name\" }] : []));\n /**\n * Defines a short hint intended to aid the user with data entry when the component has no value.\n */\n this.placeholder = input(...(ngDevMode ? [undefined, { debugName: \"placeholder\" }] : []));\n /**\n * Defines the name/names of the file/files to upload.\n */\n this.value = input(\"\", ...(ngDevMode ? [{ debugName: \"value\" }] : []));\n /**\n * Defines the maximum file size in megabytes which prevents the upload if at least one file exceeds it.\n */\n this.maxFileSize = input(...(ngDevMode ? [undefined, { debugName: \"maxFileSize\" }] : []));\n /**\n * Defines the value state of the component.\n */\n this.valueState = input(\"None\", ...(ngDevMode ? [{ debugName: \"valueState\" }] : []));\n /**\n * Defines whether the component is required.\n */\n this.required = input(false, ...(ngDevMode ? [{ debugName: \"required\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n /**\n * Defines the accessible ARIA name of the component.\n */\n this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: \"accessibleName\" }] : []));\n /**\n * Receives id(or many ids) of the elements that label the input.\n */\n this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: \"accessibleNameRef\" }] : []));\n /**\n * Defines the accessible description of the component.\n */\n this.accessibleDescription = input(...(ngDevMode ? [undefined, { debugName: \"accessibleDescription\" }] : []));\n /**\n * Receives id(or many ids) of the elements that describe the input.\n */\n this.accessibleDescriptionRef = input(...(ngDevMode ? [undefined, { debugName: \"accessibleDescriptionRef\" }] : [])); // className is now passed\n /**\n * FileList of all selected files.\n * @readonly This property is managed by the web component and updates reactively.\n * Based on schema: readonly field that updates via change event parameters.\n */\n this.files = computed(() => this._filesSignal(), ...(ngDevMode ? [{ debugName: \"files\" }] : []));\n /**\n * Event is fired when the value of the file path has been changed.\n \n **Note:** Keep in mind that because of the HTML input element of type file, the event is also fired in Chrome browser when the Cancel button of the uploads window is pressed.\n */\n this.ui5Change = output();\n /**\n * Event is fired when the size of a file is above the `maxFileSize` property value.\n */\n this.ui5FileSizeExceed = output();\n this.elementRef = inject(ElementRef);\n this.injector = inject(Injector);\n // Internal signal to track files from change events\n this._filesSignal = signal(null, ...(ngDevMode ? [{ debugName: \"_filesSignal\" }] : []));\n }\n get element() {\n return this.elementRef.nativeElement;\n }\n ngAfterViewInit() {\n const wcElement = this.element;\n const inputsToSync = [\n 'accept',\n 'hideInput',\n 'disabled',\n 'multiple',\n 'name',\n 'placeholder',\n 'value',\n 'maxFileSize',\n 'valueState',\n 'required',\n 'accessibleName',\n 'accessibleNameRef',\n 'accessibleDescription',\n 'accessibleDescriptionRef',\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 'ui5Change',\n 'ui5FileSizeExceed',\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 // Update files signal when change event fires\n if (eventName === 'change') {\n const customEvent = e;\n // Use files from event detail, fallback to web component property\n const filesValue = customEvent.detail?.files || wcElement.files || null;\n this._filesSignal.set(filesValue);\n }\n this[outputName].emit(e);\n });\n }\n }\n // Initialize files signal with current state using delayed initialization\n // to handle web component timing properly\n const initializeFiles = () => {\n const currentValue = wcElement.files || null;\n if (JSON.stringify(currentValue) !== JSON.stringify(this._filesSignal())) {\n this._filesSignal.set(currentValue);\n }\n };\n // Try immediate initialization\n initializeFiles();\n // Fallback delayed initialization if web component needs more time\n // Use requestAnimationFrame for zoneless compatibility\n requestAnimationFrame(() => initializeFiles());\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.4\", ngImport: i0, type: FileUploader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.1.4\", type: FileUploader, isStandalone: true, selector: \"ui5-file-uploader, [ui5-file-uploader]\", inputs: { accept: { classPropertyName: \"accept\", publicName: \"accept\", isSignal: true, isRequired: false, transformFunction: null }, hideInput: { classPropertyName: \"hideInput\", publicName: \"hideInput\", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: \"disabled\", publicName: \"disabled\", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: \"multiple\", publicName: \"multiple\", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: \"name\", publicName: \"name\", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: \"placeholder\", publicName: \"placeholder\", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: \"value\", publicName: \"value\", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: \"maxFileSize\", publicName: \"maxFileSize\", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: \"valueState\", publicName: \"valueState\", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: \"required\", publicName: \"required\", 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 }, accessibleDescription: { classPropertyName: \"accessibleDescription\", publicName: \"accessibleDescription\", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescriptionRef: { classPropertyName: \"accessibleDescriptionRef\", publicName: \"accessibleDescriptionRef\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: \"ui5Change\", ui5FileSizeExceed: \"ui5FileSizeExceed\" }, exportAs: [\"ui5FileUploader\"], hostDirectives: [{ directive: i1.GenericControlValueAccessor }], 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: FileUploader, decorators: [{\n type: Component,\n args: [{\n standalone: true,\n selector: 'ui5-file-uploader, [ui5-file-uploader]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5FileUploader',\n hostDirectives: [GenericControlValueAccessor],\n changeDetection: ChangeDetectionStrategy.OnPush,\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpNS13ZWJjb21wb25lbnRzL2ZpbGUtdXBsb2FkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBRU4sTUFBTSxFQUNOLHFCQUFxQixFQUNyQixNQUFNLEVBQ04sUUFBUSxFQUNSLGdCQUFnQixFQUNoQixRQUFRLEVBQ1IsTUFBTSxFQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8seUNBQXlDLENBQUM7QUFHakQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMENBQTBDLENBQUM7OztBQVl2RixNQUFNLE9BQU8sWUFBWTtJQVR6QjtRQVdFOzs7O1dBSUc7UUFDSCxXQUFNLEdBQUcsS0FBSyw0REFBcUQsQ0FBQztRQUVwRTs7OztXQUlHO1FBQ0gsY0FBUyxHQUFHLEtBQUssQ0FBQyxLQUFLLDZDQUFJLFNBQVMsRUFBRSxnQkFBZ0IsT0FBN0IsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsR0FBQyxDQUFDO1FBRTFEOzs7O1dBSUc7UUFDSCxhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssNENBQUksU0FBUyxFQUFFLGdCQUFnQixPQUE3QixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxHQUFDLENBQUM7UUFFekQ7O1dBRUc7UUFDSCxhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssNENBQUksU0FBUyxFQUFFLGdCQUFnQixPQUE3QixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxHQUFDLENBQUM7UUFFekQ7Ozs7V0FJRztRQUNILFNBQUksR0FBRyxLQUFLLDBEQUFtRCxDQUFDO1FBRWhFOztXQUVHO1FBQ0gsZ0JBQVcsR0FBRyxLQUFLLGlFQUEwRCxDQUFDO1FBRTlFOztXQUVHO1FBQ0gsVUFBSyxHQUFHLEtBQUssQ0FB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LENBQUMsQ0FBQztRQUVGLCtCQUErQjtRQUMvQixlQUFlLEVBQUUsQ0FBQztRQUVsQixtRUFBbUU7UUFDbkUsdURBQXVEO1FBQ3ZELHFCQUFxQixDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsRUFBRSxDQUFDLENBQUM7SUFDakQsQ0FBQzs4R0FoTVUsWUFBWTtrR0FBWixZQUFZLDZxRUFOYiwyQkFBMkI7OzJGQU0xQixZQUFZO2tCQVR4QixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsd0NBQXdDO29CQUNsRCxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixjQUFjLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFFN0MsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBpbnB1dCxcbiAgb3V0cHV0LFxuICBBZnRlclZpZXdJbml0LFxuICBlZmZlY3QsXG4gIHJ1bkluSW5qZWN0aW9uQ29udGV4dCxcbiAgaW5qZWN0LFxuICBJbmplY3RvcixcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgY29tcHV0ZWQsXG4gIHNpZ25hbFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAnQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvRmlsZVVwbG9hZGVyLmpzJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgX0ZpbGVVcGxvYWRlciB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy9kaXN0L0ZpbGVVcGxvYWRlci5qcyc7XG5pbXBvcnQgeyBVSTVDdXN0b21FdmVudCB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy1iYXNlJztcbmltcG9ydCB7IEdlbmVyaWNDb250cm9sVmFsdWVBY2Nlc3NvciB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvdWk1LXdlYmNvbXBvbmVudHMvdXRpbHMnO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBWYWx1ZVN0YXRlIH0gZnJvbSAnQHVpNS93ZWJjb21wb25lbnRzLWJhc2UvZGlzdC90eXBlcy9WYWx1ZVN0YXRlLmpzJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAndWk1LWZpbGUtdXBsb2FkZXIsIFt1aTUtZmlsZS11cGxvYWRlcl0nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBleHBvcnRBczogJ3VpNUZpbGVVcGxvYWRlcicsXG4gIGhvc3REaXJlY3RpdmVzOiBbR2VuZXJpY0NvbnRyb2xWYWx1ZUFjY2Vzc29yXSxcblxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRmlsZVVwbG9hZGVyIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgLyoqXG4gICAqIENvbW1hLXNlcGFyYXRlZCBsaXN0IG9mIGZpbGUgdHlwZXMgdGhhdCB0aGUgY29tcG9uZW50IHNob3VsZCBhY2NlcHQuXG5cbioqTm90ZToqKiBQbGVhc2UgbWFrZSBzdXJlIHlvdSBhcmUgYWRkaW5nIHRoZSBgLmAgaW4gZnJvbnQgb24gdGhlIGZpbGUgdHlwZSwgZS5nLiBgLnBuZ2AgaW4gY2FzZSB5b3Ugd2FudCB0byBhY2NlcHQgcG5nJ3Mgb25seS5cbiAgICovXG4gIGFjY2VwdCA9IGlucHV0PHR5cGVvZiBfRmlsZVVwbG9hZGVyLnByb3RvdHlwZS5hY2NlcHQgfCB1bmRlZmluZWQ+KCk7XG5cbiAgLyoqXG4gICAqIElmIHNldCB0byBcInRydWVcIiwgdGhlIGlucHV0IGZpZWxkIG9mIGNvbXBvbmVudCB3aWxsIG5vdCBiZSByZW5kZXJlZC4gT25seSB0aGUgZGVmYXVsdCBzbG90IHRoYXQgaXMgcGFzc2VkIHdpbGwgYmUgcmVuZGVyZWQuXG5cbioqTm90ZToqKiBVc2UgdGhpcyBwcm9wZXJ0eSBpbiBjb21iaW5hdGlvbiB3aXRoIHRoZSBkZWZhdWx0IHNsb3QgdG8gYWNoaWV2ZSBhIGJ1dHRvbi1vbmx5IGZpbGUgdXBsb2FkZXIgZGVzaWduLlxuICAgKi9cbiAgaGlkZUlucHV0ID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHdoZXRoZXIgdGhlIGNvbXBvbmVudCBpcyBpbiBkaXNhYmxlZCBzdGF0ZS5cblxuKipOb3RlOioqIEEgZGlzYWJsZWQgY29tcG9uZW50IGlzIGNvbXBsZXRlbHkgbm9uaW50ZXJhY3RpdmUuXG4gICAqL1xuICBkaXNhYmxlZCA9IGlucHV0KGZhbHNlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTtcblxuICAvKipcbiAgICogQWxsb3dzIG11bHRpcGxlIGZpbGVzIHRvIGJlIGNob3Nlbi5cbiAgICovXG4gIG11bHRpcGxlID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBuYW1lIGJ5IHdoaWNoIHRoZSBjb21wb25lbnQgd2lsbCBiZSBpZGVudGlmaWVkIHVwb24gc3VibWlzc2lvbiBpbiBhbiBIVE1MIGZvcm0uXG5cbioqTm90ZToqKiBUaGlzIHByb3BlcnR5IGlzIG9ubHkgYXBwbGljYWJsZSB3aXRoaW4gdGhlIGNvbnRleHQgb2YgYW4gSFRNTCBGb3JtIGVsZW1lbnQuXG4gICAqL1xuICBuYW1lID0gaW5wdXQ8dHlwZW9mIF9GaWxlVXBsb2FkZXIucHJvdG90eXBlLm5hbWUgfCB1bmRlZmluZWQ+KCk7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSBzaG9ydCBoaW50IGludGVuZGVkIHRvIGFpZCB0aGUgdXNlciB3aXRoIGRhdGEgZW50cnkgd2hlbiB0aGUgY29tcG9uZW50IGhhcyBubyB2YWx1ZS5cbiAgICovXG4gIHBsYWNlaG9sZGVyID0gaW5wdXQ8dHlwZW9mIF9GaWxlVXBsb2FkZXIucHJvdG90eXBlLnBsYWNlaG9sZGVyIHwgdW5kZWZpbmVkPigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBuYW1lL25hbWVzIG9mIHRoZSBmaWxlL2ZpbGVzIHRvIHVwbG9hZC5cbiAgICovXG4gIHZhbHVlID0gaW5wdXQ8dHlwZW9mIF9GaWxlVXBsb2FkZXIucHJvdG90eXBlLnZhbHVlIHwgdW5kZWZpbmVkPihcIlwiKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgbWF4aW11bSBmaWxlIHNpemUgaW4gbWVnYWJ5dGVzIHdoaWNoIHByZXZlbnRzIHRoZSB1cGxvYWQgaWYgYXQgbGVhc3Qgb25lIGZpbGUgZXhjZWVkcyBpdC5cbiAgICovXG4gIG1heEZpbGVTaXplID0gaW5wdXQ8dHlwZW9mIF9GaWxlVXBsb2FkZXIucHJvdG90eXBlLm1heEZpbGVTaXplIHwgdW5kZWZpbmVkPigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSB2YWx1ZSBzdGF0ZSBvZiB0aGUgY29tcG9uZW50LlxuICAgKi9cbiAgdmFsdWVTdGF0ZSA9IGlucHV0PHR5cGVvZiBfRmlsZVVwbG9hZGVyLnByb3RvdHlwZS52YWx1ZVN0YXRlIHwgdW5kZWZpbmVkPihcIk5vbmVcIik7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgd2hldGhlciB0aGUgY29tcG9uZW50IGlzIHJlcXVpcmVkLlxuICAgKi9cbiAgcmVxdWlyZWQgPSBpbnB1dChmYWxzZSwgeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSk7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIGFjY2Vzc2libGUgQVJJQSBuYW1lIG9mIHRoZSBjb21wb25lbnQuXG4gICAqL1xuICBhY2Nlc3NpYmxlTmFtZSA9IGlucHV0PHR5cGVvZiBfRmlsZVVwbG9hZGVyLnByb3RvdHlwZS5hY2Nlc3NpYmxlTmFtZSB8IHVuZGVmaW5lZD4oKTtcblxuICAvKipcbiAgICogUmVjZWl2ZXMgaWQob3IgbWFueSBpZHMpIG9mIHRoZSBlbGVtZW50cyB0aGF0IGxhYmVsIHRoZSBpbnB1dC5cbiAgICovXG4gIGFjY2Vzc2libGVOYW1lUmVmID0gaW5wdXQ8dHlwZW9mIF9GaWxlVXBsb2FkZXIucHJvdG90eXBlLmFjY2Vzc2libGVOYW1lUmVmIHwgdW5kZWZpbmVkPigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBhY2Nlc3NpYmxlIGRlc2NyaXB0aW9uIG9mIHRoZSBjb21wb25lbnQuXG4gICAqL1xuICBhY2Nlc3NpYmxlRGVzY3JpcHRpb24gPSBpbnB1dDx0eXBlb2YgX0ZpbGVVcGxvYWRlci5wcm90b3R5cGUuYWNjZXNzaWJsZURlc2NyaXB0aW9uIHwgdW5kZWZpbmVkPigpO1xuXG4gIC8qKlxuICAgKiBSZWNlaXZlcyBpZChvciBtYW55IGlkcykgb2YgdGhlIGVsZW1lbnRzIHRoYXQgZGVzY3JpYmUgdGhlIGlucHV0LlxuICAgKi9cbiAgYWNjZXNzaWJsZURlc2NyaXB0aW9uUmVmID0gaW5wdXQ8dHlwZW9mIF9GaWxlVXBsb2FkZXIucHJvdG90eXBlLmFjY2Vzc2libGVEZXNjcmlwdGlvblJlZiB8IHVuZGVmaW5lZD4oKTsgLy8gY2xhc3NOYW1lIGlzIG5vdyBwYXNzZWRcblxuICAvKipcbiAgICogRmlsZUxpc3Qgb2YgYWxsIHNlbGVjdGVkIGZpbGVzLlxuICAgKiBAcmVhZG9ubHkgVGhpcyBwcm9wZXJ0eSBpcyBtYW5hZ2VkIGJ5IHRoZSB3ZWIgY29tcG9uZW50IGFuZCB1cGRhdGVzIHJlYWN0aXZlbHkuXG4gICAqIEJhc2VkIG9uIHNjaGVtYTogcmVhZG9ubHkgZmllbGQgdGhhdCB1cGRhdGVzIHZpYSBjaGFuZ2UgZXZlbnQgcGFyYW1ldGVycy5cbiAgICovXG4gIGZpbGVzID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5fZmlsZXNTaWduYWwoKSk7XG5cblxuICAvKipcbiAgICogRXZlbnQgaXMgZmlyZWQgd2hlbiB0aGUgdmFsdWUgb2YgdGhlIGZpbGUgcGF0aCBoYXMgYmVlbiBjaGFuZ2VkLlxuXG4qKk5vdGU6KiogS2VlcCBpbiBtaW5kIHRoYXQgYmVjYXVzZSBvZiB0aGUgSFRNTCBpbnB1dCBlbGVtZW50IG9mIHR5cGUgZmlsZSwgdGhlIGV2ZW50IGlzIGFsc28gZmlyZWQgaW4gQ2hyb21lIGJyb3dzZXIgd2hlbiB0aGUgQ2FuY2VsIGJ1dHRvbiBvZiB0aGUgdXBsb2FkcyB3aW5kb3cgaXMgcHJlc3NlZC5cbiAgICovXG4gIHVpNUNoYW5nZSA9IG91dHB1dDxVSTVDdXN0b21FdmVudDxfRmlsZVVwbG9hZGVyLCAnY2hhbmdlJz4+KCk7XG5cbiAgLyoqXG4gICAqIEV2ZW50IGlzIGZpcmVkIHdoZW4gdGhlIHNpemUgb2YgYSBmaWxlIGlzIGFib3ZlIHRoZSBgbWF4RmlsZVNpemVgIHByb3BlcnR5IHZhbHVlLlxuICAgKi9cbiAgdWk1RmlsZVNpemVFeGNlZWQgPSBvdXRwdXQ8VUk1Q3VzdG9tRXZlbnQ8X0ZpbGVVcGxvYWRlciwgJ2ZpbGUtc2l6ZS1leGNlZWQnPj4oKTtcblxuICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxfRmlsZVVwbG9hZGVyPiA9IGluamVjdChFbGVtZW50UmVmKTtcbiAgcHVibGljIGluamVjdG9yID0gaW5qZWN0KEluamVjdG9yKTtcblxuICAvLyBJbnRlcm5hbCBzaWduYWwgdG8gdHJhY2sgZmlsZXMgZnJvbSBjaGFuZ2UgZXZlbnRzXG4gIHByaXZhdGUgX2ZpbGVzU2lnbmFsID0gc2lnbmFsPEZpbGVMaXN0IHwgbnVsbD4obnVsbCk7XG5cbiAgZ2V0IGVsZW1lbnQoKTogX0ZpbGVVcGxvYWRlciB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IHdjRWxlbWVudCA9IHRoaXMuZWxlbWVudDtcbiAgICBcbiAgICBjb25zdCBpbnB1dHNUb1N5bmMgPSBbXG4gICAgICAnYWNjZXB0JyxcbiAgICAgICdoaWRlSW5wdXQnLFxuICAgICAgJ2Rpc2FibGVkJyxcbiAgICAgICdtdWx0aXBsZScsXG4gICAgICAnbmFtZScsXG4gICAgICAncGxhY2Vob2xkZXInLFxuICAgICAgJ3ZhbHVlJyxcbiAgICAgICdtYXhGaWxlU2l6ZScsXG4gICAgICAndmFsdWVTdGF0ZScsXG4gICAgICAncmVxdWlyZWQnLFxuICAgICAgJ2FjY2Vzc2libGVOYW1lJyxcbiAgICAgICdhY2Nlc3NpYmxlTmFtZVJlZicsXG4gICAgICAnYWNjZXNzaWJsZURlc2NyaXB0aW9uJyxcbiAgICAgICdhY2Nlc3NpYmxlRGVzY3JpcHRpb25SZWYnLFxuICAgIF07XG4gICAgXG4gICAgLy8gU3luY2hyb25pemUgaW5wdXRzIChwcm9wZXJ0aWVzKVxuICAgIGZvciAoY29uc3QgaW5wdXROYW1lIG9mIGlucHV0c1RvU3luYykge1xuICAgICAgLy8gRmluZCB0aGUgY29ycmVzcG9uZGluZyBjYW1lbENhc2Ugc2lnbmFsIHByb3BlcnR5IG9uIHRoZSBBbmd1bGFyIGNvbXBvbmVudFxuICAgICAgY29uc3Qgc2lnbmFsTmFtZSA9IGlucHV0TmFtZS5yZXBsYWNlKC8tLi9nLCAoeDogc3RyaW5nKSA9PiB4WzFdLnRvVXBwZXJDYXNlKCkpO1xuXG4gICAgICAvLyBVc2UgdGhlIEluamVjdG9yIHRvIHJ1biB0aGUgZWZmZWN0IGluIHRoZSBjb3JyZWN0IGNvbnRleHRcbiAgICAgIGlmICh0aGlzW3NpZ25hbE5hbWVdICYmIHR5cGVvZiB0aGlzW3NpZ25hbE5hbWVdID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIHJ1bkluSW5qZWN0aW9uQ29udGV4dCh0aGlzLmluamVjdG9yLCAoKSA9PiB7XG4gICAgICAgICAgZWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIC8vIFJlYWQgdGhlIHNpZ25hbCB2YWx1ZVxuICAgICAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzW3NpZ25hbE5hbWVdKCk7XG4gICAgICAgICAgICBpZiAod2NFbGVtZW50KSB7XG4gICAgICAgICAgICAgIC8vIFdyaXRlIHRoZSB2YWx1ZSB0byB0aGUgV2ViIENvbXBvbmVudCdzIHByb3BlcnR5XG4gICAgICAgICAgICAgIHdjRWxlbWVudFtpbnB1dE5hbWVdID0gdmFsdWU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgXG4gICAgXG4gICAgY29uc3Qgb3V0cHV0c1RvU3luYyA9IFtcbiAgICAgICd1aTVDaGFuZ2UnLFxuICAgICAgJ3VpNUZpbGVTaXplRXhjZWVkJyxcbiAgICBdO1xuICAgIFxuICAgIC8vIFN5bmNocm9uaXplIG91dHB1dHMgKGV2ZW50cylcbiAgICBmb3IgKGNvbnN0IG91dHB1dE5hbWUgb2Ygb3V0cHV0c1RvU3luYykge1xuICAgICAgLy8gTWFwIEFuZ3VsYXIgb3V0cHV0IG5hbWUgdG8gVUk1IHdlYiBjb21wb25lbnQgZXZlbnQgbmFtZVxuICAgICAgY29uc3QgZXZlbnROYW1lID0gb3V0cHV0TmFtZS5yZXBsYWNlKCd1aTUnLCAnJykucmVwbGFjZSgvKFtBLVpdKS9nLCAnLSQxJykudG9Mb3dlckNhc2UoKS5zdWJzdHJpbmcoMSk7XG4gICAgICAvLyBFbnN1cmUgdGhlIG91dHB1dCBwcm9wZXJ0eSBleGlzdHMgYW5kIGhhcyBhbiBlbWl0IGZ1bmN0aW9uIGJlZm9yZSBhZGRpbmcgbGlzdGVuZXJcbiAgICAgIGlmICh0aGlzW291dHB1dE5hbWVdICYmIHR5cGVvZiB0aGlzW291dHB1dE5hbWVdLmVtaXQgPT09ICdmdW5jdGlvbicgJiYgd2NFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIpIHtcbiAgICAgICAgLy8gQ2FzdCB0aGUgbGlzdGVuZXIgdG8gdGhlIGNvcnJlY3QgdHlwZSB0byBzYXRpc2Z5IFR5cGVTY3JpcHRcbiAgICAgICAgd2NFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoZXZlbnROYW1lLCAoZSkgPT4ge1xuICAgICAgICAgIC8vIFVwZGF0ZSBmaWxlcyBzaWduYWwgd2hlbiBjaGFuZ2UgZXZlbnQgZmlyZXNcbiAgICAgICAgICBpZiAoZXZlbnROYW1lID09PSAnY2hhbmdlJykge1xuICAgICAgICAgICAgY29uc3QgY3VzdG9tRXZlbnQgPSBlIGFzIEN1c3RvbUV2ZW50PGFueT47XG4gICAgICAgICAgICAvLyBVc2UgZmlsZXMgZnJvbSBldmVudCBkZXRhaWwsIGZhbGxiYWNrIHRvIHdlYiBjb21wb25lbnQgcHJvcGVydHlcbiAgICAgICAgICAgIGNvbnN0IGZpbGVzVmFsdWUgPSBjdXN0b21FdmVudC5kZXRhaWw/LmZpbGVzIHx8IHdjRWxlbWVudC5maWxlcyB8fCBudWxsO1xuICAgICAgICAgICAgdGhpcy5fZmlsZXNTaWduYWwuc2V0KGZpbGVzVmFsdWUpO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzW291dHB1dE5hbWVdLmVtaXQoZSBhcyBDdXN0b21FdmVudDxhbnk+KTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfVxuICBcblxuICAgIC8vIEluaXRpYWxpemUgZmlsZXMgc2lnbmFsIHdpdGggY3VycmVudCBzdGF0ZSB1c2luZyBkZWxheWVkIGluaXRpYWxpemF0aW9uXG4gICAgLy8gdG8gaGFuZGxlIHdlYiBjb21wb25lbnQgdGltaW5nIHByb3Blcmx5XG4gICAgY29uc3QgaW5pdGlhbGl6ZUZpbGVzID0gKCk6IHZvaWQgPT4ge1xuICAgICAgY29uc3QgY3VycmVudFZhbHVlID0gd2NFbGVtZW50LmZpbGVzIHx8IG51bGw7XG4gICAgICBpZiAoSlNPTi5zdHJpbmdpZnkoY3VycmVudFZhbHVlKSAhPT0gSlNPTi5zdHJpbmdpZnkodGhpcy5fZmlsZXNTaWduYWwoKSkpIHtcbiAgICAgICAgdGhpcy5fZmlsZXNTaWduYWwuc2V0KGN1cnJlbnRWYWx1ZSk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIC8vIFRyeSBpbW1lZGlhdGUgaW5pdGlhbGl6YXRpb25cbiAgICBpbml0aWFsaXplRmlsZXMoKTtcblxuICAgIC8vIEZhbGxiYWNrIGRlbGF5ZWQgaW5pdGlhbGl6YXRpb24gaWYgd2ViIGNvbXBvbmVudCBuZWVkcyBtb3JlIHRpbWVcbiAgICAvLyBVc2UgcmVxdWVzdEFuaW1hdGlvbkZyYW1lIGZvciB6b25lbGVzcyBjb21wYXRpYmlsaXR5XG4gICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IGluaXRpYWxpemVGaWxlcygpKTtcbiAgfVxufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LXVpNS13ZWJjb21wb25lbnRzLWZpbGUtdXBsb2FkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpNS13ZWJjb21wb25lbnRzL2ZpbGUtdXBsb2FkZXIvZnVuZGFtZW50YWwtbmd4LXVpNS13ZWJjb21wb25lbnRzLWZpbGUtdXBsb2FkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@ui5/webcomponents/dist/FormGroup.js';
|
|
4
|
+
|
|
5
|
+
class FormGroup {
|
|
6
|
+
constructor() {
|
|
7
|
+
/**
|
|
8
|
+
* Defines header text of the component.
|
|
9
|
+
*/
|
|
10
|
+
this.headerText = input(...(ngDevMode ? [undefined, { debugName: "headerText" }] : []));
|
|
11
|
+
/**
|
|
12
|
+
* Defines the compoennt heading level,
|
|
13
|
+
set by the `headerText`.
|
|
14
|
+
*/
|
|
15
|
+
this.headerLevel = input("H3", ...(ngDevMode ? [{ debugName: "headerLevel" }] : []));
|
|
16
|
+
/**
|
|
17
|
+
* Defines column span of the component,
|
|
18
|
+
e.g how many columns the group should span to.
|
|
19
|
+
*/
|
|
20
|
+
this.columnSpan = input(...(ngDevMode ? [undefined, { debugName: "columnSpan" }] : []));
|
|
21
|
+
/**
|
|
22
|
+
* Defines the accessible ARIA name of the component.
|
|
23
|
+
*/
|
|
24
|
+
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
25
|
+
/**
|
|
26
|
+
* Defines id (or many ids) of the element (or elements) that label the component.
|
|
27
|
+
*/
|
|
28
|
+
this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : [])); // className is now passed
|
|
29
|
+
this.elementRef = inject(ElementRef);
|
|
30
|
+
this.injector = inject(Injector);
|
|
31
|
+
}
|
|
32
|
+
get element() {
|
|
33
|
+
return this.elementRef.nativeElement;
|
|
34
|
+
}
|
|
35
|
+
ngAfterViewInit() {
|
|
36
|
+
const wcElement = this.element;
|
|
37
|
+
const inputsToSync = [
|
|
38
|
+
'headerText',
|
|
39
|
+
'headerLevel',
|
|
40
|
+
'columnSpan',
|
|
41
|
+
'accessibleName',
|
|
42
|
+
'accessibleNameRef',
|
|
43
|
+
];
|
|
44
|
+
// Synchronize inputs (properties)
|
|
45
|
+
for (const inputName of inputsToSync) {
|
|
46
|
+
// Find the corresponding camelCase signal property on the Angular component
|
|
47
|
+
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
48
|
+
// Use the Injector to run the effect in the correct context
|
|
49
|
+
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
50
|
+
runInInjectionContext(this.injector, () => {
|
|
51
|
+
effect(() => {
|
|
52
|
+
// Read the signal value
|
|
53
|
+
const value = this[signalName]();
|
|
54
|
+
if (wcElement) {
|
|
55
|
+
// Write the value to the Web Component's property
|
|
56
|
+
wcElement[inputName] = value;
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: FormGroup, isStandalone: true, selector: "ui5-form-group, [ui5-form-group]", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, headerLevel: { classPropertyName: "headerLevel", publicName: "headerLevel", isSignal: true, isRequired: false, transformFunction: null }, columnSpan: { classPropertyName: "columnSpan", publicName: "columnSpan", 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 } }, exportAs: ["ui5FormGroup"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
65
|
+
}
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormGroup, decorators: [{
|
|
67
|
+
type: Component,
|
|
68
|
+
args: [{
|
|
69
|
+
standalone: true,
|
|
70
|
+
selector: 'ui5-form-group, [ui5-form-group]',
|
|
71
|
+
template: '<ng-content></ng-content>',
|
|
72
|
+
exportAs: 'ui5FormGroup',
|
|
73
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
74
|
+
}]
|
|
75
|
+
}] });
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* Generated bundle index. Do not edit.
|
|
79
|
+
*/
|
|
80
|
+
|
|
81
|
+
export { FormGroup };
|
|
82
|
+
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-form-group.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-form-group.mjs","sources":["../tmp-esm2022/form-group/index.js","../tmp-esm2022/form-group/fundamental-ngx-ui5-webcomponents-form-group.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, input, effect, runInInjectionContext, inject, Injector } from '@angular/core';\nimport '@ui5/webcomponents/dist/FormGroup.js';\nimport * as i0 from \"@angular/core\";\nexport class FormGroup {\n constructor() {\n /**\n * Defines header text of the component.\n */\n this.headerText = input(...(ngDevMode ? [undefined, { debugName: \"headerText\" }] : []));\n /**\n * Defines the compoennt heading level,\n set by the `headerText`.\n */\n this.headerLevel = input(\"H3\", ...(ngDevMode ? [{ debugName: \"headerLevel\" }] : []));\n /**\n * Defines column span of the component,\n e.g how many columns the group should span to.\n */\n this.columnSpan = input(...(ngDevMode ? [undefined, { debugName: \"columnSpan\" }] : []));\n /**\n * Defines the accessible ARIA name of the component.\n */\n this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: \"accessibleName\" }] : []));\n /**\n * Defines id (or many ids) of the element (or elements) that label the component.\n */\n this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: \"accessibleNameRef\" }] : [])); // 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 'headerText',\n 'headerLevel',\n 'columnSpan',\n 'accessibleName',\n 'accessibleNameRef',\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: FormGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.1.4\", type: FormGroup, isStandalone: true, selector: \"ui5-form-group, [ui5-form-group]\", inputs: { headerText: { classPropertyName: \"headerText\", publicName: \"headerText\", isSignal: true, isRequired: false, transformFunction: null }, headerLevel: { classPropertyName: \"headerLevel\", publicName: \"headerLevel\", isSignal: true, isRequired: false, transformFunction: null }, columnSpan: { classPropertyName: \"columnSpan\", publicName: \"columnSpan\", 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 } }, exportAs: [\"ui5FormGroup\"], 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: FormGroup, decorators: [{\n type: Component,\n args: [{\n standalone: true,\n selector: 'ui5-form-group, [ui5-form-group]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5FormGroup',\n changeDetection: ChangeDetectionStrategy.OnPush,\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpNS13ZWJjb21wb25lbnRzL2Zvcm0tZ3JvdXAvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFHTCxNQUFNLEVBQ04scUJBQXFCLEVBQ3JCLE1BQU0sRUFDTixRQUFRLEVBSVQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxzQ0FBc0MsQ0FBQzs7QUFjOUMsTUFBTSxPQUFPLFNBQVM7SUFSdEI7UUFVRTs7V0FFRztRQUNILGVBQVUsR0FBRyxLQUFLLGdFQUFzRCxDQUFDO1FBRXpFOzs7V0FHRztRQUNILGdCQUFXLEdBQUcsS0FBSyxDQUFzRCxJQUFJLHVEQUFDLENBQUM7UUFFL0U7OztXQUdHO1FBQ0gsZUFBVSxHQUFHLEtBQUssZ0VBQXNELENBQUM7UUFFekU7O1dBRUc7UUFDSCxtQkFBYyxHQUFHLEtBQUssb0VBQTBELENBQUM7UUFFakY7O1dBRUc7UUFDSCxzQkFBaUIsR0FBRyxLQUFLLHVFQUE2RCxDQUFDLENBQUMsMEJBQTBCO1FBSzNHLGVBQVUsR0FBMkIsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3hELGFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7S0F5Q3BDO0lBdkNDLElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7SUFDdkMsQ0FBQztJQUVELGVBQWU7UUFDYixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBRS9CLE1BQU0sWUFBWSxHQUFHO1lBQ25CLFlBQVk7WUFDWixhQUFhO1lBQ2IsWUFBWTtZQUNaLGdCQUFnQjtZQUNoQixtQkFBbUI7U0FDcEIsQ0FBQztRQUVGLGtDQUFrQztRQUNsQyxLQUFLLE1BQU0sU0FBUyxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQ3JDLDRFQUE0RTtZQUM1RSxNQUFNLFVBQVUsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7WUFFL0UsNERBQTREO1lBQzVELElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLFVBQVUsRUFBRSxDQUFDO2dCQUMvRCxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRTtvQkFDeEMsTUFBTSxDQUFDLEdBQUcsRUFBRTt3QkFDVix3QkFBd0I7d0JBQ3hCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDO3dCQUNqQyxJQUFJLFNBQVMsRUFBRSxDQUFDOzRCQUNkLGtEQUFrRDs0QkFDbEQsU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEtBQUssQ0FBQzt3QkFDL0IsQ0FBQztvQkFDSCxDQUFDLENBQUMsQ0FBQztnQkFDTCxDQUFDLENBQUMsQ0FBQztZQUNMLENBQUM7UUFDSCxDQUFDO0lBS0gsQ0FBQzs4R0F6RVUsU0FBUztrR0FBVCxTQUFTLDIwQkFMViwyQkFBMkI7OzJGQUsxQixTQUFTO2tCQVJyQixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsa0NBQWtDO29CQUM1QyxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxRQUFRLEVBQUUsY0FBYztvQkFFeEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBpbnB1dCxcbiAgb3V0cHV0LFxuICBBZnRlclZpZXdJbml0LFxuICBlZmZlY3QsXG4gIHJ1bkluSW5qZWN0aW9uQ29udGV4dCxcbiAgaW5qZWN0LFxuICBJbmplY3RvcixcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgY29tcHV0ZWQsXG4gIHNpZ25hbFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAnQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvRm9ybUdyb3VwLmpzJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgX0Zvcm1Hcm91cCB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy9kaXN0L0Zvcm1Hcm91cC5qcyc7XG5pbXBvcnQgeyBVSTVDdXN0b21FdmVudCB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy1iYXNlJztcblxuaW1wb3J0IHsgZGVmYXVsdCBhcyBUaXRsZUxldmVsIH0gZnJvbSAnQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvdHlwZXMvVGl0bGVMZXZlbC5qcyc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3VpNS1mb3JtLWdyb3VwLCBbdWk1LWZvcm0tZ3JvdXBdJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgZXhwb3J0QXM6ICd1aTVGb3JtR3JvdXAnLFxuXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtR3JvdXAgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICAvKipcbiAgICogRGVmaW5lcyBoZWFkZXIgdGV4dCBvZiB0aGUgY29tcG9uZW50LlxuICAgKi9cbiAgaGVhZGVyVGV4dCA9IGlucHV0PHR5cGVvZiBfRm9ybUdyb3VwLnByb3RvdHlwZS5oZWFkZXJUZXh0IHwgdW5kZWZpbmVkPigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBjb21wb2VubnQgaGVhZGluZyBsZXZlbCxcbnNldCBieSB0aGUgYGhlYWRlclRleHRgLlxuICAgKi9cbiAgaGVhZGVyTGV2ZWwgPSBpbnB1dDx0eXBlb2YgX0Zvcm1Hcm91cC5wcm90b3R5cGUuaGVhZGVyTGV2ZWwgfCB1bmRlZmluZWQ+KFwiSDNcIik7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgY29sdW1uIHNwYW4gb2YgdGhlIGNvbXBvbmVudCxcbmUuZyBob3cgbWFueSBjb2x1bW5zIHRoZSBncm91cCBzaG91bGQgc3BhbiB0by5cbiAgICovXG4gIGNvbHVtblNwYW4gPSBpbnB1dDx0eXBlb2YgX0Zvcm1Hcm91cC5wcm90b3R5cGUuY29sdW1uU3BhbiB8IHVuZGVmaW5lZD4oKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgYWNjZXNzaWJsZSBBUklBIG5hbWUgb2YgdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIGFjY2Vzc2libGVOYW1lID0gaW5wdXQ8dHlwZW9mIF9Gb3JtR3JvdXAucHJvdG90eXBlLmFjY2Vzc2libGVOYW1lIHwgdW5kZWZpbmVkPigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGlkIChvciBtYW55IGlkcykgb2YgdGhlIGVsZW1lbnQgKG9yIGVsZW1lbnRzKSB0aGF0IGxhYmVsIHRoZSBjb21wb25lbnQuXG4gICAqL1xuICBhY2Nlc3NpYmxlTmFtZVJlZiA9IGlucHV0PHR5cGVvZiBfRm9ybUdyb3VwLnByb3RvdHlwZS5hY2Nlc3NpYmxlTmFtZVJlZiB8IHVuZGVmaW5lZD4oKTsgLy8gY2xhc3NOYW1lIGlzIG5vdyBwYXNzZWRcblxuXG5cblxuICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxfRm9ybUdyb3VwPiA9IGluamVjdChFbGVtZW50UmVmKTtcbiAgcHVibGljIGluamVjdG9yID0gaW5qZWN0KEluamVjdG9yKTtcblxuICBnZXQgZWxlbWVudCgpOiBfRm9ybUdyb3VwIHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgY29uc3Qgd2NFbGVtZW50ID0gdGhpcy5lbGVtZW50O1xuICAgIFxuICAgIGNvbnN0IGlucHV0c1RvU3luYyA9IFtcbiAgICAgICdoZWFkZXJUZXh0JyxcbiAgICAgICdoZWFkZXJMZXZlbCcsXG4gICAgICAnY29sdW1uU3BhbicsXG4gICAgICAnYWNjZXNzaWJsZU5hbWUnLFxuICAgICAgJ2FjY2Vzc2libGVOYW1lUmVmJyxcbiAgICBdO1xuICAgIFxuICAgIC8vIFN5bmNocm9uaXplIGlucHV0cyAocHJvcGVydGllcylcbiAgICBmb3IgKGNvbnN0IGlucHV0TmFtZSBvZiBpbnB1dHNUb1N5bmMpIHtcbiAgICAgIC8vIEZpbmQgdGhlIGNvcnJlc3BvbmRpbmcgY2FtZWxDYXNlIHNpZ25hbCBwcm9wZXJ0eSBvbiB0aGUgQW5ndWxhciBjb21wb25lbnRcbiAgICAgIGNvbnN0IHNpZ25hbE5hbWUgPSBpbnB1dE5hbWUucmVwbGFjZSgvLS4vZywgKHg6IHN0cmluZykgPT4geFsxXS50b1VwcGVyQ2FzZSgpKTtcblxuICAgICAgLy8gVXNlIHRoZSBJbmplY3RvciB0byBydW4gdGhlIGVmZmVjdCBpbiB0aGUgY29ycmVjdCBjb250ZXh0XG4gICAgICBpZiAodGhpc1tzaWduYWxOYW1lXSAmJiB0eXBlb2YgdGhpc1tzaWduYWxOYW1lXSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICBydW5JbkluamVjdGlvbkNvbnRleHQodGhpcy5pbmplY3RvciwgKCkgPT4ge1xuICAgICAgICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICAgICAgICAvLyBSZWFkIHRoZSBzaWduYWwgdmFsdWVcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlID0gdGhpc1tzaWduYWxOYW1lXSgpO1xuICAgICAgICAgICAgaWYgKHdjRWxlbWVudCkge1xuICAgICAgICAgICAgICAvLyBXcml0ZSB0aGUgdmFsdWUgdG8gdGhlIFdlYiBDb21wb25lbnQncyBwcm9wZXJ0eVxuICAgICAgICAgICAgICB3Y0VsZW1lbnRbaW5wdXROYW1lXSA9IHZhbHVlO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9XG4gIFxuICAgIFxuICAgIFxuXG4gIH1cbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LXVpNS13ZWJjb21wb25lbnRzLWZvcm0tZ3JvdXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpNS13ZWJjb21wb25lbnRzL2Zvcm0tZ3JvdXAvZnVuZGFtZW50YWwtbmd4LXVpNS13ZWJjb21wb25lbnRzLWZvcm0tZ3JvdXAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@ui5/webcomponents/dist/FormItem.js';
|
|
4
|
+
|
|
5
|
+
class FormItem {
|
|
6
|
+
constructor() {
|
|
7
|
+
/**
|
|
8
|
+
* Defines the column span of the component,
|
|
9
|
+
e.g how many columns the component should span to.
|
|
10
|
+
|
|
11
|
+
**Note:** The column span should be a number between 1 and the available columns of the FormGroup (when items are placed in a group)
|
|
12
|
+
or the Form. The available columns can be affected by the FormGroup#columnSpan and/or the Form#layout.
|
|
13
|
+
A number bigger than the available columns won't take effect.
|
|
14
|
+
*/
|
|
15
|
+
this.columnSpan = input(...(ngDevMode ? [undefined, { debugName: "columnSpan" }] : [])); // className is now passed
|
|
16
|
+
this.elementRef = inject(ElementRef);
|
|
17
|
+
this.injector = inject(Injector);
|
|
18
|
+
}
|
|
19
|
+
get element() {
|
|
20
|
+
return this.elementRef.nativeElement;
|
|
21
|
+
}
|
|
22
|
+
ngAfterViewInit() {
|
|
23
|
+
const wcElement = this.element;
|
|
24
|
+
const inputsToSync = [
|
|
25
|
+
'columnSpan',
|
|
26
|
+
];
|
|
27
|
+
// Synchronize inputs (properties)
|
|
28
|
+
for (const inputName of inputsToSync) {
|
|
29
|
+
// Find the corresponding camelCase signal property on the Angular component
|
|
30
|
+
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
31
|
+
// Use the Injector to run the effect in the correct context
|
|
32
|
+
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
33
|
+
runInInjectionContext(this.injector, () => {
|
|
34
|
+
effect(() => {
|
|
35
|
+
// Read the signal value
|
|
36
|
+
const value = this[signalName]();
|
|
37
|
+
if (wcElement) {
|
|
38
|
+
// Write the value to the Web Component's property
|
|
39
|
+
wcElement[inputName] = value;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: FormItem, isStandalone: true, selector: "ui5-form-item, [ui5-form-item]", inputs: { columnSpan: { classPropertyName: "columnSpan", publicName: "columnSpan", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5FormItem"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
48
|
+
}
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormItem, decorators: [{
|
|
50
|
+
type: Component,
|
|
51
|
+
args: [{
|
|
52
|
+
standalone: true,
|
|
53
|
+
selector: 'ui5-form-item, [ui5-form-item]',
|
|
54
|
+
template: '<ng-content></ng-content>',
|
|
55
|
+
exportAs: 'ui5FormItem',
|
|
56
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
57
|
+
}]
|
|
58
|
+
}] });
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* Generated bundle index. Do not edit.
|
|
62
|
+
*/
|
|
63
|
+
|
|
64
|
+
export { FormItem };
|
|
65
|
+
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-form-item.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-form-item.mjs","sources":["../tmp-esm2022/form-item/index.js","../tmp-esm2022/form-item/fundamental-ngx-ui5-webcomponents-form-item.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, input, effect, runInInjectionContext, inject, Injector } from '@angular/core';\nimport '@ui5/webcomponents/dist/FormItem.js';\nimport * as i0 from \"@angular/core\";\nexport class FormItem {\n constructor() {\n /**\n * Defines the column span of the component,\n e.g how many columns the component should span to.\n \n **Note:** The column span should be a number between 1 and the available columns of the FormGroup (when items are placed in a group)\n or the Form. The available columns can be affected by the FormGroup#columnSpan and/or the Form#layout.\n A number bigger than the available columns won't take effect.\n */\n this.columnSpan = input(...(ngDevMode ? [undefined, { debugName: \"columnSpan\" }] : [])); // 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 'columnSpan',\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: FormItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.1.4\", type: FormItem, isStandalone: true, selector: \"ui5-form-item, [ui5-form-item]\", inputs: { columnSpan: { classPropertyName: \"columnSpan\", publicName: \"columnSpan\", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: [\"ui5FormItem\"], 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: FormItem, decorators: [{\n type: Component,\n args: [{\n standalone: true,\n selector: 'ui5-form-item, [ui5-form-item]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5FormItem',\n changeDetection: ChangeDetectionStrategy.OnPush,\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpNS13ZWJjb21wb25lbnRzL2Zvcm0taXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUdMLE1BQU0sRUFDTixxQkFBcUIsRUFDckIsTUFBTSxFQUNOLFFBQVEsRUFJVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLHFDQUFxQyxDQUFDOztBQWM3QyxNQUFNLE9BQU8sUUFBUTtJQVJyQjtRQVVFOzs7Ozs7O1dBT0c7UUFDSCxlQUFVLEdBQUcsS0FBSyxnRUFBcUQsQ0FBQyxDQUFDLDBCQUEwQjtRQUs1RixlQUFVLEdBQTBCLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN2RCxhQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0tBcUNwQztJQW5DQyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUUvQixNQUFNLFlBQVksR0FBRztZQUNuQixZQUFZO1NBQ2IsQ0FBQztRQUVGLGtDQUFrQztRQUNsQyxLQUFLLE1BQU0sU0FBUyxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQ3JDLDRFQUE0RTtZQUM1RSxNQUFNLFVBQVUsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7WUFFL0UsNERBQTREO1lBQzVELElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLFVBQVUsRUFBRSxDQUFDO2dCQUMvRCxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRTtvQkFDeEMsTUFBTSxDQUFDLEdBQUcsRUFBRTt3QkFDVix3QkFBd0I7d0JBQ3hCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDO3dCQUNqQyxJQUFJLFNBQVMsRUFBRSxDQUFDOzRCQUNkLGtEQUFrRDs0QkFDbEQsU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEtBQUssQ0FBQzt3QkFDL0IsQ0FBQztvQkFDSCxDQUFDLENBQUMsQ0FBQztnQkFDTCxDQUFDLENBQUMsQ0FBQztZQUNMLENBQUM7UUFDSCxDQUFDO0lBS0gsQ0FBQzs4R0FwRFUsUUFBUTtrR0FBUixRQUFRLHdRQUxULDJCQUEyQjs7MkZBSzFCLFFBQVE7a0JBUnBCLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxnQ0FBZ0M7b0JBQzFDLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFFBQVEsRUFBRSxhQUFhO29CQUV2QixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIGlucHV0LFxuICBvdXRwdXQsXG4gIEFmdGVyVmlld0luaXQsXG4gIGVmZmVjdCxcbiAgcnVuSW5JbmplY3Rpb25Db250ZXh0LFxuICBpbmplY3QsXG4gIEluamVjdG9yLFxuICBib29sZWFuQXR0cmlidXRlLFxuICBjb21wdXRlZCxcbiAgc2lnbmFsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0ICdAdWk1L3dlYmNvbXBvbmVudHMvZGlzdC9Gb3JtSXRlbS5qcyc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIF9Gb3JtSXRlbSB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy9kaXN0L0Zvcm1JdGVtLmpzJztcbmltcG9ydCB7IFVJNUN1c3RvbUV2ZW50IH0gZnJvbSAnQHVpNS93ZWJjb21wb25lbnRzLWJhc2UnO1xuXG5cblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAndWk1LWZvcm0taXRlbSwgW3VpNS1mb3JtLWl0ZW1dJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgZXhwb3J0QXM6ICd1aTVGb3JtSXRlbScsXG5cbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1JdGVtIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIGNvbHVtbiBzcGFuIG9mIHRoZSBjb21wb25lbnQsXG5lLmcgaG93IG1hbnkgY29sdW1ucyB0aGUgY29tcG9uZW50IHNob3VsZCBzcGFuIHRvLlxuXG4qKk5vdGU6KiogVGhlIGNvbHVtbiBzcGFuIHNob3VsZCBiZSBhIG51bWJlciBiZXR3ZWVuIDEgYW5kIHRoZSBhdmFpbGFibGUgY29sdW1ucyBvZiB0aGUgRm9ybUdyb3VwICh3aGVuIGl0ZW1zIGFyZSBwbGFjZWQgaW4gYSBncm91cClcbm9yIHRoZSBGb3JtLiBUaGUgYXZhaWxhYmxlIGNvbHVtbnMgY2FuIGJlIGFmZmVjdGVkIGJ5IHRoZSBGb3JtR3JvdXAjY29sdW1uU3BhbiBhbmQvb3IgdGhlIEZvcm0jbGF5b3V0LlxuQSBudW1iZXIgYmlnZ2VyIHRoYW4gdGhlIGF2YWlsYWJsZSBjb2x1bW5zIHdvbid0IHRha2UgZWZmZWN0LlxuICAgKi9cbiAgY29sdW1uU3BhbiA9IGlucHV0PHR5cGVvZiBfRm9ybUl0ZW0ucHJvdG90eXBlLmNvbHVtblNwYW4gfCB1bmRlZmluZWQ+KCk7IC8vIGNsYXNzTmFtZSBpcyBub3cgcGFzc2VkXG5cblxuXG5cbiAgcHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8X0Zvcm1JdGVtPiA9IGluamVjdChFbGVtZW50UmVmKTtcbiAgcHVibGljIGluamVjdG9yID0gaW5qZWN0KEluamVjdG9yKTtcblxuICBnZXQgZWxlbWVudCgpOiBfRm9ybUl0ZW0ge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCB3Y0VsZW1lbnQgPSB0aGlzLmVsZW1lbnQ7XG4gICAgXG4gICAgY29uc3QgaW5wdXRzVG9TeW5jID0gW1xuICAgICAgJ2NvbHVtblNwYW4nLFxuICAgIF07XG4gICAgXG4gICAgLy8gU3luY2hyb25pemUgaW5wdXRzIChwcm9wZXJ0aWVzKVxuICAgIGZvciAoY29uc3QgaW5wdXROYW1lIG9mIGlucHV0c1RvU3luYykge1xuICAgICAgLy8gRmluZCB0aGUgY29ycmVzcG9uZGluZyBjYW1lbENhc2Ugc2lnbmFsIHByb3BlcnR5IG9uIHRoZSBBbmd1bGFyIGNvbXBvbmVudFxuICAgICAgY29uc3Qgc2lnbmFsTmFtZSA9IGlucHV0TmFtZS5yZXBsYWNlKC8tLi9nLCAoeDogc3RyaW5nKSA9PiB4WzFdLnRvVXBwZXJDYXNlKCkpO1xuXG4gICAgICAvLyBVc2UgdGhlIEluamVjdG9yIHRvIHJ1biB0aGUgZWZmZWN0IGluIHRoZSBjb3JyZWN0IGNvbnRleHRcbiAgICAgIGlmICh0aGlzW3NpZ25hbE5hbWVdICYmIHR5cGVvZiB0aGlzW3NpZ25hbE5hbWVdID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIHJ1bkluSW5qZWN0aW9uQ29udGV4dCh0aGlzLmluamVjdG9yLCAoKSA9PiB7XG4gICAgICAgICAgZWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIC8vIFJlYWQgdGhlIHNpZ25hbCB2YWx1ZVxuICAgICAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzW3NpZ25hbE5hbWVdKCk7XG4gICAgICAgICAgICBpZiAod2NFbGVtZW50KSB7XG4gICAgICAgICAgICAgIC8vIFdyaXRlIHRoZSB2YWx1ZSB0byB0aGUgV2ViIENvbXBvbmVudCdzIHByb3BlcnR5XG4gICAgICAgICAgICAgIHdjRWxlbWVudFtpbnB1dE5hbWVdID0gdmFsdWU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgXG4gICAgXG4gICAgXG5cbiAgfVxufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LXVpNS13ZWJjb21wb25lbnRzLWZvcm0taXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvdWk1LXdlYmNvbXBvbmVudHMvZm9ybS1pdGVtL2Z1bmRhbWVudGFsLW5neC11aTUtd2ViY29tcG9uZW50cy1mb3JtLWl0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@ui5/webcomponents/dist/Form.js';
|
|
4
|
+
|
|
5
|
+
class Form {
|
|
6
|
+
constructor() {
|
|
7
|
+
/**
|
|
8
|
+
* Defines the accessible ARIA name of the component.
|
|
9
|
+
*/
|
|
10
|
+
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
11
|
+
/**
|
|
12
|
+
* Defines id (or many ids) of the element (or elements) that label the component.
|
|
13
|
+
*/
|
|
14
|
+
this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
|
|
15
|
+
/**
|
|
16
|
+
* Defines the accessibility mode of the component in "edit" and "display" use-cases.
|
|
17
|
+
|
|
18
|
+
Based on the mode, the component renders different HTML elements and ARIA attributes,
|
|
19
|
+
which are appropriate for the use-case.
|
|
20
|
+
|
|
21
|
+
**Usage:**
|
|
22
|
+
- Set this property to "Display", when the form consists of non-editable (e.g. texts) form items.
|
|
23
|
+
- Set this property to "Edit", when the form consists of editable (e.g. input fields) form items.
|
|
24
|
+
*/
|
|
25
|
+
this.accessibleMode = input("Display", ...(ngDevMode ? [{ debugName: "accessibleMode" }] : []));
|
|
26
|
+
/**
|
|
27
|
+
* Defines the number of columns to distribute the form content by breakpoint.
|
|
28
|
+
|
|
29
|
+
Supported values:
|
|
30
|
+
- `S` - 1 column by default (1 column is recommended)
|
|
31
|
+
- `M` - 1 column by default (up to 2 columns are recommended)
|
|
32
|
+
- `L` - 2 columns by default (up to 3 columns are recommended)
|
|
33
|
+
- `XL` - 3 columns by default (up to 6 columns are recommended)
|
|
34
|
+
*/
|
|
35
|
+
this.layout = input("S1 M1 L2 XL3", ...(ngDevMode ? [{ debugName: "layout" }] : []));
|
|
36
|
+
/**
|
|
37
|
+
* Defines the width proportion of the labels and fields of a form item by breakpoint.
|
|
38
|
+
|
|
39
|
+
By default, the labels take 4/12 (or 1/3) of the form item in M,L and XL sizes,
|
|
40
|
+
and 12/12 in S size, e.g in S the label is on top of its associated field.
|
|
41
|
+
|
|
42
|
+
The supported values are between 1 and 12. Greater the number, more space the label will use.
|
|
43
|
+
|
|
44
|
+
**Note:** If "12" is set, the label will be displayed on top of its assosiated field.
|
|
45
|
+
*/
|
|
46
|
+
this.labelSpan = input("S12 M4 L4 XL4", ...(ngDevMode ? [{ debugName: "labelSpan" }] : []));
|
|
47
|
+
/**
|
|
48
|
+
* Defines the number of cells that are empty at the end of each form item, configurable by breakpoint.
|
|
49
|
+
|
|
50
|
+
By default, a form item spans 12 cells, fully divided between its label (4 cells) and field (8 cells), with no empty space at the end.
|
|
51
|
+
The `emptySpan` provides additional layout flexibility by defining empty space at the form item’s end.
|
|
52
|
+
|
|
53
|
+
**Note:**
|
|
54
|
+
- The maximum allowable empty space is 10 cells. At least 1 cell each must remain for the label and the field.
|
|
55
|
+
- When `emptySpan` is specified (greater than 0), ensure that the combined value of `emptySpan` and `labelSpan` does not exceed 11. This guarantees a minimum of 1 cell for the field.
|
|
56
|
+
*/
|
|
57
|
+
this.emptySpan = input("S0 M0 L0 XL0", ...(ngDevMode ? [{ debugName: "emptySpan" }] : []));
|
|
58
|
+
/**
|
|
59
|
+
* Defines the header text of the component.
|
|
60
|
+
|
|
61
|
+
**Note:** The property gets overridden by the `header` slot.
|
|
62
|
+
*/
|
|
63
|
+
this.headerText = input(...(ngDevMode ? [undefined, { debugName: "headerText" }] : []));
|
|
64
|
+
/**
|
|
65
|
+
* Defines the compoennt heading level,
|
|
66
|
+
set by the `headerText`.
|
|
67
|
+
*/
|
|
68
|
+
this.headerLevel = input("H2", ...(ngDevMode ? [{ debugName: "headerLevel" }] : []));
|
|
69
|
+
/**
|
|
70
|
+
* Defines the vertical spacing between form items.
|
|
71
|
+
|
|
72
|
+
**Note:** If the Form is meant to be switched between "display"("non-edit") and "edit" modes,
|
|
73
|
+
we recommend using "Large" item spacing in "display"("non-edit") mode, and "Normal" - for "edit" mode,
|
|
74
|
+
to avoid "jumping" effect, caused by the hight difference between texts in "display"("non-edit") mode and the input fields in "edit" mode.
|
|
75
|
+
*/
|
|
76
|
+
this.itemSpacing = input("Normal", ...(ngDevMode ? [{ debugName: "itemSpacing" }] : [])); // className is now passed
|
|
77
|
+
this.elementRef = inject(ElementRef);
|
|
78
|
+
this.injector = inject(Injector);
|
|
79
|
+
}
|
|
80
|
+
get element() {
|
|
81
|
+
return this.elementRef.nativeElement;
|
|
82
|
+
}
|
|
83
|
+
ngAfterViewInit() {
|
|
84
|
+
const wcElement = this.element;
|
|
85
|
+
const inputsToSync = [
|
|
86
|
+
'accessibleName',
|
|
87
|
+
'accessibleNameRef',
|
|
88
|
+
'accessibleMode',
|
|
89
|
+
'layout',
|
|
90
|
+
'labelSpan',
|
|
91
|
+
'emptySpan',
|
|
92
|
+
'headerText',
|
|
93
|
+
'headerLevel',
|
|
94
|
+
'itemSpacing',
|
|
95
|
+
];
|
|
96
|
+
// Synchronize inputs (properties)
|
|
97
|
+
for (const inputName of inputsToSync) {
|
|
98
|
+
// Find the corresponding camelCase signal property on the Angular component
|
|
99
|
+
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
100
|
+
// Use the Injector to run the effect in the correct context
|
|
101
|
+
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
102
|
+
runInInjectionContext(this.injector, () => {
|
|
103
|
+
effect(() => {
|
|
104
|
+
// Read the signal value
|
|
105
|
+
const value = this[signalName]();
|
|
106
|
+
if (wcElement) {
|
|
107
|
+
// Write the value to the Web Component's property
|
|
108
|
+
wcElement[inputName] = value;
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Form, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
116
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: Form, isStandalone: true, selector: "ui5-form, [ui5-form]", inputs: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, accessibleMode: { classPropertyName: "accessibleMode", publicName: "accessibleMode", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, labelSpan: { classPropertyName: "labelSpan", publicName: "labelSpan", isSignal: true, isRequired: false, transformFunction: null }, emptySpan: { classPropertyName: "emptySpan", publicName: "emptySpan", isSignal: true, isRequired: false, transformFunction: null }, headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, headerLevel: { classPropertyName: "headerLevel", publicName: "headerLevel", isSignal: true, isRequired: false, transformFunction: null }, itemSpacing: { classPropertyName: "itemSpacing", publicName: "itemSpacing", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5Form"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
117
|
+
}
|
|
118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Form, decorators: [{
|
|
119
|
+
type: Component,
|
|
120
|
+
args: [{
|
|
121
|
+
standalone: true,
|
|
122
|
+
selector: 'ui5-form, [ui5-form]',
|
|
123
|
+
template: '<ng-content></ng-content>',
|
|
124
|
+
exportAs: 'ui5Form',
|
|
125
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
126
|
+
}]
|
|
127
|
+
}] });
|
|
128
|
+
|
|
129
|
+
/**
|
|
130
|
+
* Generated bundle index. Do not edit.
|
|
131
|
+
*/
|
|
132
|
+
|
|
133
|
+
export { Form };
|
|
134
|
+
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-form.mjs.map
|