@fundamental-ngx/ui5-webcomponents 0.58.4 → 0.58.6
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/avatar/index.d.ts +136 -0
- package/avatar-group/index.d.ts +97 -0
- package/bar/index.d.ts +61 -0
- package/breadcrumbs/index.d.ts +58 -0
- package/breadcrumbs-item/index.d.ts +63 -0
- package/busy-indicator/index.d.ts +57 -0
- package/button/index.d.ts +149 -0
- package/button-badge/index.d.ts +29 -0
- package/calendar/index.d.ts +112 -0
- package/calendar-date/index.d.ts +19 -0
- package/calendar-date-range/index.d.ts +24 -0
- package/calendar-legend/index.d.ts +53 -0
- package/calendar-legend-item/index.d.ts +22 -0
- package/card/index.d.ts +63 -0
- package/card-header/index.d.ts +62 -0
- package/carousel/index.d.ts +114 -0
- package/check-box/index.d.ts +108 -0
- package/color-palette/index.d.ts +42 -0
- package/color-palette-item/index.d.ts +27 -0
- package/color-palette-popover/index.d.ts +74 -0
- package/color-picker/index.d.ts +35 -0
- package/combo-box/index.d.ts +138 -0
- package/combo-box-item/index.d.ts +22 -0
- package/combo-box-item-group/index.d.ts +75 -0
- package/date-picker/index.d.ts +172 -0
- package/date-range-picker/index.d.ts +192 -0
- package/date-time-picker/index.d.ts +172 -0
- package/dialog/index.d.ts +144 -0
- package/dynamic-date-range/index.d.ts +29 -0
- package/expandable-text/index.d.ts +30 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs +161 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs +207 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs +116 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs +109 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs +117 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs +105 -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 +219 -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 +100 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs +189 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs +127 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs +110 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs +184 -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 +138 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs +80 -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 +140 -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 +220 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs +258 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs +285 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs +258 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +226 -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 +231 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs +107 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs +96 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs +169 -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 +260 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs +112 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs +219 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs +163 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs +140 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs +230 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs +275 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs +86 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs +263 -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 +162 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs +137 -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 +140 -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 +227 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs +284 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs +102 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs +112 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs +156 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs +220 -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 +220 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs +130 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs +164 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs +260 -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 +159 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs +187 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs +86 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs +140 -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 +179 -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 +134 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs +85 -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 +145 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs +89 -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 +117 -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 +197 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs +143 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs +228 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs +90 -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 +207 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs +104 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs +120 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs +224 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs +92 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs +152 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs +178 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +87 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs +167 -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 +102 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs +224 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs +224 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs.map +1 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs +199 -0
- package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs.map +1 -0
- package/file-uploader/index.d.ts +136 -0
- package/form/index.d.ts +113 -0
- package/form-group/index.d.ts +59 -0
- package/form-item/index.d.ts +48 -0
- package/icon/index.d.ts +67 -0
- package/input/index.d.ts +175 -0
- package/label/index.d.ts +65 -0
- package/link/index.d.ts +149 -0
- package/list/index.d.ts +191 -0
- package/list-item-custom/index.d.ts +99 -0
- package/list-item-group/index.d.ts +75 -0
- package/list-item-standard/index.d.ts +154 -0
- package/menu/index.d.ts +94 -0
- package/menu-item/index.d.ts +183 -0
- package/menu-item-group/index.d.ts +42 -0
- package/menu-separator/index.d.ts +14 -0
- package/message-strip/index.d.ts +72 -0
- package/multi-combo-box/index.d.ts +144 -0
- package/multi-combo-box-item/index.d.ts +26 -0
- package/multi-combo-box-item-group/index.d.ts +75 -0
- package/multi-input/index.d.ts +192 -0
- package/option/index.d.ts +64 -0
- package/option-custom/index.d.ts +55 -0
- package/package.json +425 -1
- package/panel/index.d.ts +87 -0
- package/popover/index.d.ts +135 -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 +135 -0
- package/segmented-button/index.d.ts +81 -0
- package/segmented-button-item/index.d.ts +79 -0
- package/select/index.d.ts +155 -0
- package/slider/index.d.ts +82 -0
- package/special-calendar-date/index.d.ts +23 -0
- package/split-button/index.d.ts +96 -0
- package/step-input/index.d.ts +115 -0
- package/suggestion-item/index.d.ts +22 -0
- package/suggestion-item-custom/index.d.ts +42 -0
- package/suggestion-item-group/index.d.ts +75 -0
- package/switch/index.d.ts +86 -0
- package/tab/index.d.ts +80 -0
- package/tab-container/index.d.ts +108 -0
- package/tab-separator/index.d.ts +14 -0
- package/table/index.d.ts +117 -0
- package/table-cell/index.d.ts +41 -0
- package/table-growing/index.d.ts +43 -0
- package/table-header-cell/index.d.ts +95 -0
- package/table-header-cell-action-a-i/index.d.ts +19 -0
- package/table-header-row/index.d.ts +45 -0
- package/table-row/index.d.ts +69 -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 +76 -0
- package/text/index.d.ts +45 -0
- package/text-area/index.d.ts +150 -0
- package/theming/index.d.ts +11 -0
- package/time-picker/index.d.ts +130 -0
- package/title/index.d.ts +58 -0
- package/toast/index.d.ts +60 -0
- package/toggle-button/index.d.ts +153 -0
- package/token/index.d.ts +47 -0
- package/tokenizer/index.d.ts +87 -0
- package/toolbar/index.d.ts +55 -0
- package/toolbar-button/index.d.ts +112 -0
- package/toolbar-select/index.d.ts +100 -0
- package/toolbar-select-option/index.d.ts +43 -0
- package/toolbar-separator/index.d.ts +24 -0
- package/toolbar-spacer/index.d.ts +30 -0
- package/tree/index.d.ts +123 -0
- package/tree-item/index.d.ts +148 -0
- package/tree-item-custom/index.d.ts +145 -0
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@ui5/webcomponents/dist/Card.js';
|
|
4
|
+
|
|
5
|
+
class Card {
|
|
6
|
+
constructor() {
|
|
7
|
+
/**
|
|
8
|
+
* Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.
|
|
9
|
+
|
|
10
|
+
**Note:** `accessibleName` should be always set, unless `accessibleNameRef` is set.
|
|
11
|
+
*/
|
|
12
|
+
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
13
|
+
/**
|
|
14
|
+
* Defines the IDs of the elements that label the component.
|
|
15
|
+
*/
|
|
16
|
+
this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
|
|
17
|
+
/**
|
|
18
|
+
* Defines if a loading indicator would be displayed over the card.
|
|
19
|
+
*/
|
|
20
|
+
this.loading = input(false, ...(ngDevMode ? [{ debugName: "loading", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
21
|
+
/**
|
|
22
|
+
* Defines the delay in milliseconds, after which the loading indicator will show up for this card.
|
|
23
|
+
*/
|
|
24
|
+
this.loadingDelay = input(1000, ...(ngDevMode ? [{ debugName: "loadingDelay" }] : [])); // className is now passed
|
|
25
|
+
/**
|
|
26
|
+
* Available slots for content projection in this component.
|
|
27
|
+
*
|
|
28
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
29
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
30
|
+
*
|
|
31
|
+
* - **(default)**: Defines the content of the component.
|
|
32
|
+
* - **header**: Defines the header of the component.
|
|
33
|
+
|
|
34
|
+
**Note:** Use `ui5-card-header` for the intended design.
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* ```html
|
|
38
|
+
* <ui5-card>
|
|
39
|
+
* <div slot="header">Custom header content</div>
|
|
40
|
+
* <p>Default slot content</p>
|
|
41
|
+
* </ui5-card>
|
|
42
|
+
* ```
|
|
43
|
+
*
|
|
44
|
+
* @readonly
|
|
45
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
46
|
+
*/
|
|
47
|
+
this.slots = [
|
|
48
|
+
{
|
|
49
|
+
"name": "default",
|
|
50
|
+
"description": "Defines the content of the component."
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"name": "header",
|
|
54
|
+
"description": "Defines the header of the component.\n\n**Note:** Use `ui5-card-header` for the intended design.",
|
|
55
|
+
"since": "1.0.0-rc.15"
|
|
56
|
+
}
|
|
57
|
+
];
|
|
58
|
+
this.elementRef = inject(ElementRef);
|
|
59
|
+
this.injector = inject(Injector);
|
|
60
|
+
}
|
|
61
|
+
get element() {
|
|
62
|
+
return this.elementRef.nativeElement;
|
|
63
|
+
}
|
|
64
|
+
ngAfterViewInit() {
|
|
65
|
+
const wcElement = this.element;
|
|
66
|
+
const inputsToSync = [
|
|
67
|
+
'accessibleName',
|
|
68
|
+
'accessibleNameRef',
|
|
69
|
+
'loading',
|
|
70
|
+
'loadingDelay',
|
|
71
|
+
];
|
|
72
|
+
// Synchronize inputs (properties)
|
|
73
|
+
for (const inputName of inputsToSync) {
|
|
74
|
+
// Find the corresponding camelCase signal property on the Angular component
|
|
75
|
+
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
76
|
+
// Use the Injector to run the effect in the correct context
|
|
77
|
+
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
78
|
+
runInInjectionContext(this.injector, () => {
|
|
79
|
+
effect(() => {
|
|
80
|
+
// Read the signal value
|
|
81
|
+
const value = this[signalName]();
|
|
82
|
+
if (wcElement) {
|
|
83
|
+
// Write the value to the Web Component's property
|
|
84
|
+
wcElement[inputName] = value;
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
92
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: Card, isStandalone: true, selector: "ui5-card, [ui5-card]", inputs: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5Card"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
93
|
+
}
|
|
94
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Card, decorators: [{
|
|
95
|
+
type: Component,
|
|
96
|
+
args: [{
|
|
97
|
+
standalone: true,
|
|
98
|
+
selector: 'ui5-card, [ui5-card]',
|
|
99
|
+
template: '<ng-content></ng-content>',
|
|
100
|
+
exportAs: 'ui5Card',
|
|
101
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
102
|
+
}]
|
|
103
|
+
}] });
|
|
104
|
+
|
|
105
|
+
/**
|
|
106
|
+
* Generated bundle index. Do not edit.
|
|
107
|
+
*/
|
|
108
|
+
|
|
109
|
+
export { Card };
|
|
110
|
+
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-card.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-card.mjs","sources":["../tmp-esm2022/card/index.js","../tmp-esm2022/card/fundamental-ngx-ui5-webcomponents-card.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, input, effect, runInInjectionContext, inject, Injector, booleanAttribute } from '@angular/core';\nimport '@ui5/webcomponents/dist/Card.js';\nimport * as i0 from \"@angular/core\";\nexport class Card {\n constructor() {\n /**\n * Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.\n \n **Note:** `accessibleName` should be always set, unless `accessibleNameRef` is set.\n */\n this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: \"accessibleName\" }] : []));\n /**\n * Defines the IDs of the elements that label the component.\n */\n this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: \"accessibleNameRef\" }] : []));\n /**\n * Defines if a loading indicator would be displayed over the card.\n */\n this.loading = input(false, ...(ngDevMode ? [{ debugName: \"loading\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n /**\n * Defines the delay in milliseconds, after which the loading indicator will show up for this card.\n */\n this.loadingDelay = input(1000, ...(ngDevMode ? [{ debugName: \"loadingDelay\" }] : [])); // className is now passed\n /**\n * Available slots for content projection in this component.\n *\n * Slots allow you to insert custom content into predefined areas of the web component.\n * Use the `slot` attribute on child elements to target specific slots.\n *\n * - **(default)**: Defines the content of the component.\n * - **header**: Defines the header of the component.\n \n **Note:** Use `ui5-card-header` for the intended design.\n *\n * @example\n * ```html\n * <ui5-card>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-card>\n * ```\n *\n * @readonly\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n */\n this.slots = [\n {\n \"name\": \"default\",\n \"description\": \"Defines the content of the component.\"\n },\n {\n \"name\": \"header\",\n \"description\": \"Defines the header of the component.\\n\\n**Note:** Use `ui5-card-header` for the intended design.\",\n \"since\": \"1.0.0-rc.15\"\n }\n ];\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 'accessibleName',\n 'accessibleNameRef',\n 'loading',\n 'loadingDelay',\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: Card, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.1.4\", type: Card, isStandalone: true, selector: \"ui5-card, [ui5-card]\", inputs: { accessibleName: { classPropertyName: \"accessibleName\", publicName: \"accessibleName\", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: \"accessibleNameRef\", publicName: \"accessibleNameRef\", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: \"loading\", publicName: \"loading\", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: \"loadingDelay\", publicName: \"loadingDelay\", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: [\"ui5Card\"], 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: Card, decorators: [{\n type: Component,\n args: [{\n standalone: true,\n selector: 'ui5-card, [ui5-card]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5Card',\n changeDetection: ChangeDetectionStrategy.OnPush,\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpNS13ZWJjb21wb25lbnRzL2NhcmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFHTCxNQUFNLEVBQ04scUJBQXFCLEVBQ3JCLE1BQU0sRUFDTixRQUFRLEVBQ1IsZ0JBQWdCLEVBR2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8saUNBQWlDLENBQUM7O0FBY3pDLE1BQU0sT0FBTyxJQUFJO0lBUmpCO1FBVUU7Ozs7V0FJRztRQUNILG1CQUFjLEdBQUcsS0FBSyxvRUFBcUQsQ0FBQztRQUU1RTs7V0FFRztRQUNILHNCQUFpQixHQUFHLEtBQUssdUVBQXdELENBQUM7UUFFbEY7O1dBRUc7UUFDSCxZQUFPLEdBQUcsS0FBSyxDQUFDLEtBQUssMkNBQUksU0FBUyxFQUFFLGdCQUFnQixPQUE3QixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxHQUFDLENBQUM7UUFFeEQ7O1dBRUc7UUFDSCxpQkFBWSxHQUFHLEtBQUssQ0FBa0QsSUFBSSx3REFBQyxDQUFDLENBQUMsMEJBQTBCO1FBS3ZHOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7V0FxQkc7UUFDTSxVQUFLLEdBQUc7WUFDYjtnQkFDSSxNQUFNLEVBQUUsU0FBUztnQkFDakIsYUFBYSxFQUFFLHVDQUF1QzthQUN6RDtZQUNEO2dCQUNJLE1BQU0sRUFBRSxRQUFRO2dCQUNoQixhQUFhLEVBQUUsa0dBQWtHO2dCQUNqSCxPQUFPLEVBQUUsYUFBYTthQUN6QjtTQUNKLENBQUM7UUFHSyxlQUFVLEdBQXNCLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNuRCxhQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0tBd0NwQztJQXRDQyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUUvQixNQUFNLFlBQVksR0FBRztZQUNuQixnQkFBZ0I7WUFDaEIsbUJBQW1CO1lBQ25CLFNBQVM7WUFDVCxjQUFjO1NBQ2YsQ0FBQztRQUVGLGtDQUFrQztRQUNsQyxLQUFLLE1BQU0sU0FBUyxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQ3JDLDRFQUE0RTtZQUM1RSxNQUFNLFVBQVUsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7WUFFL0UsNERBQTREO1lBQzVELElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLFVBQVUsRUFBRSxDQUFDO2dCQUMvRCxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRTtvQkFDeEMsTUFBTSxDQUFDLEdBQUcsRUFBRTt3QkFDVix3QkFBd0I7d0JBQ3hCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDO3dCQUNqQyxJQUFJLFNBQVMsRUFBRSxDQUFDOzRCQUNkLGtEQUFrRDs0QkFDbEQsU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEtBQUssQ0FBQzt3QkFDL0IsQ0FBQztvQkFDSCxDQUFDLENBQUMsQ0FBQztnQkFDTCxDQUFDLENBQUMsQ0FBQztZQUNMLENBQUM7UUFDSCxDQUFDO0lBS0gsQ0FBQzs4R0F0R1UsSUFBSTtrR0FBSixJQUFJLDZxQkFMTCwyQkFBMkI7OzJGQUsxQixJQUFJO2tCQVJoQixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxRQUFRLEVBQUUsU0FBUztvQkFFbkIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBpbnB1dCxcbiAgb3V0cHV0LFxuICBBZnRlclZpZXdJbml0LFxuICBlZmZlY3QsXG4gIHJ1bkluSW5qZWN0aW9uQ29udGV4dCxcbiAgaW5qZWN0LFxuICBJbmplY3RvcixcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgY29tcHV0ZWQsXG4gIHNpZ25hbFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAnQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvQ2FyZC5qcyc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIF9DYXJkIH0gZnJvbSAnQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvQ2FyZC5qcyc7XG5pbXBvcnQgeyBVSTVDdXN0b21FdmVudCB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy1iYXNlJztcblxuXG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3VpNS1jYXJkLCBbdWk1LWNhcmRdJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgZXhwb3J0QXM6ICd1aTVDYXJkJyxcblxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBhY2Nlc3NpYmxlIG5hbWUgb2YgdGhlIGNvbXBvbmVudCwgd2hpY2ggaXMgdXNlZCBhcyB0aGUgbmFtZSBvZiB0aGUgY2FyZCByZWdpb24gYW5kIHNob3VsZCBiZSB1bmlxdWUgcGVyIGNhcmQuXG5cbioqTm90ZToqKiBgYWNjZXNzaWJsZU5hbWVgIHNob3VsZCBiZSBhbHdheXMgc2V0LCB1bmxlc3MgYGFjY2Vzc2libGVOYW1lUmVmYCBpcyBzZXQuXG4gICAqL1xuICBhY2Nlc3NpYmxlTmFtZSA9IGlucHV0PHR5cGVvZiBfQ2FyZC5wcm90b3R5cGUuYWNjZXNzaWJsZU5hbWUgfCB1bmRlZmluZWQ+KCk7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIElEcyBvZiB0aGUgZWxlbWVudHMgdGhhdCBsYWJlbCB0aGUgY29tcG9uZW50LlxuICAgKi9cbiAgYWNjZXNzaWJsZU5hbWVSZWYgPSBpbnB1dDx0eXBlb2YgX0NhcmQucHJvdG90eXBlLmFjY2Vzc2libGVOYW1lUmVmIHwgdW5kZWZpbmVkPigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGlmIGEgbG9hZGluZyBpbmRpY2F0b3Igd291bGQgYmUgZGlzcGxheWVkIG92ZXIgdGhlIGNhcmQuXG4gICAqL1xuICBsb2FkaW5nID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBkZWxheSBpbiBtaWxsaXNlY29uZHMsIGFmdGVyIHdoaWNoIHRoZSBsb2FkaW5nIGluZGljYXRvciB3aWxsIHNob3cgdXAgZm9yIHRoaXMgY2FyZC5cbiAgICovXG4gIGxvYWRpbmdEZWxheSA9IGlucHV0PHR5cGVvZiBfQ2FyZC5wcm90b3R5cGUubG9hZGluZ0RlbGF5IHwgdW5kZWZpbmVkPigxMDAwKTsgLy8gY2xhc3NOYW1lIGlzIG5vdyBwYXNzZWRcblxuXG5cblxuICAvKipcbiAgICogQXZhaWxhYmxlIHNsb3RzIGZvciBjb250ZW50IHByb2plY3Rpb24gaW4gdGhpcyBjb21wb25lbnQuXG4gICAqIFxuICAgKiBTbG90cyBhbGxvdyB5b3UgdG8gaW5zZXJ0IGN1c3RvbSBjb250ZW50IGludG8gcHJlZGVmaW5lZCBhcmVhcyBvZiB0aGUgd2ViIGNvbXBvbmVudC5cbiAgICogVXNlIHRoZSBgc2xvdGAgYXR0cmlidXRlIG9uIGNoaWxkIGVsZW1lbnRzIHRvIHRhcmdldCBzcGVjaWZpYyBzbG90cy5cbiAgICogXG4gICAqIC0gKiooZGVmYXVsdCkqKjogRGVmaW5lcyB0aGUgY29udGVudCBvZiB0aGUgY29tcG9uZW50LlxuICAgKiAtICoqaGVhZGVyKio6IERlZmluZXMgdGhlIGhlYWRlciBvZiB0aGUgY29tcG9uZW50LlxuXG4qKk5vdGU6KiogVXNlIGB1aTUtY2FyZC1oZWFkZXJgIGZvciB0aGUgaW50ZW5kZWQgZGVzaWduLlxuICAgKiBcbiAgICogQGV4YW1wbGVcbiAgICogYGBgaHRtbFxuICAgKiA8dWk1LWNhcmQ+XG4gICAqICAgPGRpdiBzbG90PVwiaGVhZGVyXCI+Q3VzdG9tIGhlYWRlciBjb250ZW50PC9kaXY+XG4gICAqICAgPHA+RGVmYXVsdCBzbG90IGNvbnRlbnQ8L3A+XG4gICAqIDwvdWk1LWNhcmQ+XG4gICAqIGBgYFxuICAgKiBcbiAgICogQHJlYWRvbmx5XG4gICAqIEBzZWUge0BsaW5rIGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0FQSS9XZWJfY29tcG9uZW50cy9Vc2luZ190ZW1wbGF0ZXNfYW5kX3Nsb3RzIHwgTUROIFdlYiBDb21wb25lbnRzIFNsb3RzfVxuICAgKi9cbiAgcmVhZG9ubHkgc2xvdHMgPSBbXG4gICAgICB7XG4gICAgICAgICAgXCJuYW1lXCI6IFwiZGVmYXVsdFwiLFxuICAgICAgICAgIFwiZGVzY3JpcHRpb25cIjogXCJEZWZpbmVzIHRoZSBjb250ZW50IG9mIHRoZSBjb21wb25lbnQuXCJcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgICAgXCJuYW1lXCI6IFwiaGVhZGVyXCIsXG4gICAgICAgICAgXCJkZXNjcmlwdGlvblwiOiBcIkRlZmluZXMgdGhlIGhlYWRlciBvZiB0aGUgY29tcG9uZW50LlxcblxcbioqTm90ZToqKiBVc2UgYHVpNS1jYXJkLWhlYWRlcmAgZm9yIHRoZSBpbnRlbmRlZCBkZXNpZ24uXCIsXG4gICAgICAgICAgXCJzaW5jZVwiOiBcIjEuMC4wLXJjLjE1XCJcbiAgICAgIH1cbiAgXTtcblxuXG4gIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmPF9DYXJkPiA9IGluamVjdChFbGVtZW50UmVmKTtcbiAgcHVibGljIGluamVjdG9yID0gaW5qZWN0KEluamVjdG9yKTtcblxuICBnZXQgZWxlbWVudCgpOiBfQ2FyZCB7XG4gICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IHdjRWxlbWVudCA9IHRoaXMuZWxlbWVudDtcbiAgICBcbiAgICBjb25zdCBpbnB1dHNUb1N5bmMgPSBbXG4gICAgICAnYWNjZXNzaWJsZU5hbWUnLFxuICAgICAgJ2FjY2Vzc2libGVOYW1lUmVmJyxcbiAgICAgICdsb2FkaW5nJyxcbiAgICAgICdsb2FkaW5nRGVsYXknLFxuICAgIF07XG4gICAgXG4gICAgLy8gU3luY2hyb25pemUgaW5wdXRzIChwcm9wZXJ0aWVzKVxuICAgIGZvciAoY29uc3QgaW5wdXROYW1lIG9mIGlucHV0c1RvU3luYykge1xuICAgICAgLy8gRmluZCB0aGUgY29ycmVzcG9uZGluZyBjYW1lbENhc2Ugc2lnbmFsIHByb3BlcnR5IG9uIHRoZSBBbmd1bGFyIGNvbXBvbmVudFxuICAgICAgY29uc3Qgc2lnbmFsTmFtZSA9IGlucHV0TmFtZS5yZXBsYWNlKC8tLi9nLCAoeDogc3RyaW5nKSA9PiB4WzFdLnRvVXBwZXJDYXNlKCkpO1xuXG4gICAgICAvLyBVc2UgdGhlIEluamVjdG9yIHRvIHJ1biB0aGUgZWZmZWN0IGluIHRoZSBjb3JyZWN0IGNvbnRleHRcbiAgICAgIGlmICh0aGlzW3NpZ25hbE5hbWVdICYmIHR5cGVvZiB0aGlzW3NpZ25hbE5hbWVdID09PSAnZnVuY3Rpb24nKSB7XG4gICAgICAgIHJ1bkluSW5qZWN0aW9uQ29udGV4dCh0aGlzLmluamVjdG9yLCAoKSA9PiB7XG4gICAgICAgICAgZWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIC8vIFJlYWQgdGhlIHNpZ25hbCB2YWx1ZVxuICAgICAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzW3NpZ25hbE5hbWVdKCk7XG4gICAgICAgICAgICBpZiAod2NFbGVtZW50KSB7XG4gICAgICAgICAgICAgIC8vIFdyaXRlIHRoZSB2YWx1ZSB0byB0aGUgV2ViIENvbXBvbmVudCdzIHByb3BlcnR5XG4gICAgICAgICAgICAgIHdjRWxlbWVudFtpbnB1dE5hbWVdID0gdmFsdWU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgXG4gICAgXG4gICAgXG5cbiAgfVxufVxuXG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LXVpNS13ZWJjb21wb25lbnRzLWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpNS13ZWJjb21wb25lbnRzL2NhcmQvZnVuZGFtZW50YWwtbmd4LXVpNS13ZWJjb21wb25lbnRzLWNhcmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":";;;;AAGO,MAAM,IAAI,CAAC;AAClB,IAAI,WAAW,GAAG;AAClB;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,IAAI,SAAS,GAAG,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AACvG;AACA;AACA;AACA,QAAQ,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,IAAI,SAAS,GAAG,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAC7G;AACA;AACA;AACA,QAAQ,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;AACjJ;AACA;AACA;AACA,QAAQ,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,KAAK,GAAG;AACrB,YAAY;AACZ,gBAAgB,MAAM,EAAE,SAAS;AACjC,gBAAgB,aAAa,EAAE;AAC/B,aAAa;AACb,YAAY;AACZ,gBAAgB,MAAM,EAAE,QAAQ;AAChC,gBAAgB,aAAa,EAAE,kGAAkG;AACjI,gBAAgB,OAAO,EAAE;AACzB;AACA,SAAS;AACT,QAAQ,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC5C,QAAQ,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AACxC,IAAI;AACJ,IAAI,IAAI,OAAO,GAAG;AAClB,QAAQ,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;AAC5C,IAAI;AACJ,IAAI,eAAe,GAAG;AACtB,QAAQ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO;AACtC,QAAQ,MAAM,YAAY,GAAG;AAC7B,YAAY,gBAAgB;AAC5B,YAAY,mBAAmB;AAC/B,YAAY,SAAS;AACrB,YAAY,cAAc;AAC1B,SAAS;AACT;AACA,QAAQ,KAAK,MAAM,SAAS,IAAI,YAAY,EAAE;AAC9C;AACA,YAAY,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AAClF;AACA,YAAY,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,UAAU,EAAE;AAC5E,gBAAgB,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM;AAC3D,oBAAoB,MAAM,CAAC,MAAM;AACjC;AACA,wBAAwB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE;AACxD,wBAAwB,IAAI,SAAS,EAAE;AACvC;AACA,4BAA4B,SAAS,CAAC,SAAS,CAAC,GAAG,KAAK;AACxD,wBAAwB;AACxB,oBAAoB,CAAC,CAAC;AACtB,gBAAgB,CAAC,CAAC;AAClB,YAAY;AACZ,QAAQ;AACR,IAAI;AACJ,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AACtK,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,EAAE,EAAE,cAAc,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,EAAE,iBAAiB,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,2BAA2B,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC;AACt3B;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;AAC9G,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,UAAU,EAAE,IAAI;AACpC,oBAAoB,QAAQ,EAAE,sBAAsB;AACpD,oBAAoB,QAAQ,EAAE,2BAA2B;AACzD,oBAAoB,QAAQ,EAAE,SAAS;AACvC,oBAAoB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AACnE,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;ACrGb;AACA;AACA;;;;"}
|
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@ui5/webcomponents/dist/Carousel.js';
|
|
4
|
+
|
|
5
|
+
class Carousel {
|
|
6
|
+
constructor() {
|
|
7
|
+
/**
|
|
8
|
+
* Defines the accessible name of the component.
|
|
9
|
+
*/
|
|
10
|
+
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
11
|
+
/**
|
|
12
|
+
* Defines the IDs of the elements that label the input.
|
|
13
|
+
*/
|
|
14
|
+
this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
|
|
15
|
+
/**
|
|
16
|
+
* Defines whether the carousel should loop, i.e show the first page after the last page is reached and vice versa.
|
|
17
|
+
*/
|
|
18
|
+
this.cyclic = input(false, ...(ngDevMode ? [{ debugName: "cyclic", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
19
|
+
/**
|
|
20
|
+
* Defines the number of items per page depending on the carousel width.
|
|
21
|
+
|
|
22
|
+
- 'S' for screens smaller than 600 pixels.
|
|
23
|
+
- 'M' for screens greater than or equal to 600 pixels and smaller than 1024 pixels.
|
|
24
|
+
- 'L' for screens greater than or equal to 1024 pixels and smaller than 1440 pixels.
|
|
25
|
+
- 'XL' for screens greater than or equal to 1440 pixels.
|
|
26
|
+
|
|
27
|
+
One item per page is shown by default.
|
|
28
|
+
*/
|
|
29
|
+
this.itemsPerPage = input("S1 M1 L1 XL1", ...(ngDevMode ? [{ debugName: "itemsPerPage" }] : []));
|
|
30
|
+
/**
|
|
31
|
+
* Defines the visibility of the navigation arrows.
|
|
32
|
+
If set to true the navigation arrows will be hidden.
|
|
33
|
+
*/
|
|
34
|
+
this.hideNavigationArrows = input(false, ...(ngDevMode ? [{ debugName: "hideNavigationArrows", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
35
|
+
/**
|
|
36
|
+
* Defines the visibility of the page indicator.
|
|
37
|
+
If set to true the page indicator will be hidden.
|
|
38
|
+
*/
|
|
39
|
+
this.hidePageIndicator = input(false, ...(ngDevMode ? [{ debugName: "hidePageIndicator", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
40
|
+
/**
|
|
41
|
+
* Defines the style of the page indicator.
|
|
42
|
+
Available options are:
|
|
43
|
+
|
|
44
|
+
- `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)
|
|
45
|
+
- `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)
|
|
46
|
+
*/
|
|
47
|
+
this.pageIndicatorType = input("Default", ...(ngDevMode ? [{ debugName: "pageIndicatorType" }] : []));
|
|
48
|
+
/**
|
|
49
|
+
* Defines the carousel's background design.
|
|
50
|
+
*/
|
|
51
|
+
this.backgroundDesign = input("Translucent", ...(ngDevMode ? [{ debugName: "backgroundDesign" }] : []));
|
|
52
|
+
/**
|
|
53
|
+
* Defines the page indicator background design.
|
|
54
|
+
*/
|
|
55
|
+
this.pageIndicatorBackgroundDesign = input("Solid", ...(ngDevMode ? [{ debugName: "pageIndicatorBackgroundDesign" }] : []));
|
|
56
|
+
/**
|
|
57
|
+
* Defines the page indicator border design.
|
|
58
|
+
*/
|
|
59
|
+
this.pageIndicatorBorderDesign = input("Solid", ...(ngDevMode ? [{ debugName: "pageIndicatorBorderDesign" }] : []));
|
|
60
|
+
/**
|
|
61
|
+
* Defines the position of arrows.
|
|
62
|
+
|
|
63
|
+
Available options are:
|
|
64
|
+
|
|
65
|
+
- `Content` - the arrows are placed on the sides of the current page.
|
|
66
|
+
- `Navigation` - the arrows are placed on the sides of the page indicator.
|
|
67
|
+
*/
|
|
68
|
+
this.arrowsPlacement = input("Content", ...(ngDevMode ? [{ debugName: "arrowsPlacement" }] : [])); // className is now passed
|
|
69
|
+
/**
|
|
70
|
+
* Fired whenever the page changes due to user interaction,
|
|
71
|
+
when the user clicks on the navigation arrows or while resizing,
|
|
72
|
+
based on the `items-per-page` property.
|
|
73
|
+
*/
|
|
74
|
+
this.ui5Navigate = output();
|
|
75
|
+
/**
|
|
76
|
+
* Available slots for content projection in this component.
|
|
77
|
+
*
|
|
78
|
+
* Slots allow you to insert custom content into predefined areas of the web component.
|
|
79
|
+
* Use the `slot` attribute on child elements to target specific slots.
|
|
80
|
+
*
|
|
81
|
+
* - **(default)**: Defines the content of the component.
|
|
82
|
+
|
|
83
|
+
**Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.
|
|
84
|
+
They will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items).
|
|
85
|
+
*
|
|
86
|
+
* @example
|
|
87
|
+
* ```html
|
|
88
|
+
* <ui5-carousel>
|
|
89
|
+
* <div slot="header">Custom header content</div>
|
|
90
|
+
* <p>Default slot content</p>
|
|
91
|
+
* </ui5-carousel>
|
|
92
|
+
* ```
|
|
93
|
+
*
|
|
94
|
+
* @readonly
|
|
95
|
+
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
|
|
96
|
+
*/
|
|
97
|
+
this.slots = [
|
|
98
|
+
{
|
|
99
|
+
"name": "default",
|
|
100
|
+
"description": "Defines the content of the component.\n\n**Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.\nThey will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items)."
|
|
101
|
+
}
|
|
102
|
+
];
|
|
103
|
+
this.elementRef = inject(ElementRef);
|
|
104
|
+
this.injector = inject(Injector);
|
|
105
|
+
}
|
|
106
|
+
/**
|
|
107
|
+
* The indices of the currently visible items of the component.
|
|
108
|
+
* @readonly This property is managed by the web component.
|
|
109
|
+
*/
|
|
110
|
+
get visibleItemsIndices() {
|
|
111
|
+
return this.element?.visibleItemsIndices ?? [];
|
|
112
|
+
}
|
|
113
|
+
get element() {
|
|
114
|
+
return this.elementRef.nativeElement;
|
|
115
|
+
}
|
|
116
|
+
ngAfterViewInit() {
|
|
117
|
+
const wcElement = this.element;
|
|
118
|
+
const inputsToSync = [
|
|
119
|
+
'accessibleName',
|
|
120
|
+
'accessibleNameRef',
|
|
121
|
+
'cyclic',
|
|
122
|
+
'itemsPerPage',
|
|
123
|
+
'hideNavigationArrows',
|
|
124
|
+
'hidePageIndicator',
|
|
125
|
+
'pageIndicatorType',
|
|
126
|
+
'backgroundDesign',
|
|
127
|
+
'pageIndicatorBackgroundDesign',
|
|
128
|
+
'pageIndicatorBorderDesign',
|
|
129
|
+
'arrowsPlacement',
|
|
130
|
+
];
|
|
131
|
+
// Synchronize inputs (properties)
|
|
132
|
+
for (const inputName of inputsToSync) {
|
|
133
|
+
// Find the corresponding camelCase signal property on the Angular component
|
|
134
|
+
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
135
|
+
// Use the Injector to run the effect in the correct context
|
|
136
|
+
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
137
|
+
runInInjectionContext(this.injector, () => {
|
|
138
|
+
effect(() => {
|
|
139
|
+
// Read the signal value
|
|
140
|
+
const value = this[signalName]();
|
|
141
|
+
if (wcElement) {
|
|
142
|
+
// Write the value to the Web Component's property
|
|
143
|
+
wcElement[inputName] = value;
|
|
144
|
+
}
|
|
145
|
+
});
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
const outputsToSync = [
|
|
150
|
+
'ui5Navigate',
|
|
151
|
+
];
|
|
152
|
+
// Synchronize outputs (events)
|
|
153
|
+
for (const outputName of outputsToSync) {
|
|
154
|
+
// Map Angular output name to UI5 web component event name
|
|
155
|
+
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
156
|
+
// Ensure the output property exists and has an emit function before adding listener
|
|
157
|
+
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
158
|
+
// Cast the listener to the correct type to satisfy TypeScript
|
|
159
|
+
wcElement.addEventListener(eventName, (e) => {
|
|
160
|
+
this[outputName].emit(e);
|
|
161
|
+
});
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Carousel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
166
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: Carousel, isStandalone: true, selector: "ui5-carousel, [ui5-carousel]", inputs: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, cyclic: { classPropertyName: "cyclic", publicName: "cyclic", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, hideNavigationArrows: { classPropertyName: "hideNavigationArrows", publicName: "hideNavigationArrows", isSignal: true, isRequired: false, transformFunction: null }, hidePageIndicator: { classPropertyName: "hidePageIndicator", publicName: "hidePageIndicator", isSignal: true, isRequired: false, transformFunction: null }, pageIndicatorType: { classPropertyName: "pageIndicatorType", publicName: "pageIndicatorType", isSignal: true, isRequired: false, transformFunction: null }, backgroundDesign: { classPropertyName: "backgroundDesign", publicName: "backgroundDesign", isSignal: true, isRequired: false, transformFunction: null }, pageIndicatorBackgroundDesign: { classPropertyName: "pageIndicatorBackgroundDesign", publicName: "pageIndicatorBackgroundDesign", isSignal: true, isRequired: false, transformFunction: null }, pageIndicatorBorderDesign: { classPropertyName: "pageIndicatorBorderDesign", publicName: "pageIndicatorBorderDesign", isSignal: true, isRequired: false, transformFunction: null }, arrowsPlacement: { classPropertyName: "arrowsPlacement", publicName: "arrowsPlacement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Navigate: "ui5Navigate" }, exportAs: ["ui5Carousel"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
167
|
+
}
|
|
168
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: Carousel, decorators: [{
|
|
169
|
+
type: Component,
|
|
170
|
+
args: [{
|
|
171
|
+
standalone: true,
|
|
172
|
+
selector: 'ui5-carousel, [ui5-carousel]',
|
|
173
|
+
template: '<ng-content></ng-content>',
|
|
174
|
+
exportAs: 'ui5Carousel',
|
|
175
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
176
|
+
}]
|
|
177
|
+
}] });
|
|
178
|
+
|
|
179
|
+
/**
|
|
180
|
+
* Generated bundle index. Do not edit.
|
|
181
|
+
*/
|
|
182
|
+
|
|
183
|
+
export { Carousel };
|
|
184
|
+
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-carousel.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-ui5-webcomponents-carousel.mjs","sources":["../tmp-esm2022/carousel/index.js","../tmp-esm2022/carousel/fundamental-ngx-ui5-webcomponents-carousel.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, input, output, effect, runInInjectionContext, inject, Injector, booleanAttribute } from '@angular/core';\nimport '@ui5/webcomponents/dist/Carousel.js';\nimport * as i0 from \"@angular/core\";\nexport class Carousel {\n constructor() {\n /**\n * Defines the accessible name of the component.\n */\n this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: \"accessibleName\" }] : []));\n /**\n * Defines the IDs of the elements that label the input.\n */\n this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: \"accessibleNameRef\" }] : []));\n /**\n * Defines whether the carousel should loop, i.e show the first page after the last page is reached and vice versa.\n */\n this.cyclic = input(false, ...(ngDevMode ? [{ debugName: \"cyclic\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n /**\n * Defines the number of items per page depending on the carousel width.\n \n - 'S' for screens smaller than 600 pixels.\n - 'M' for screens greater than or equal to 600 pixels and smaller than 1024 pixels.\n - 'L' for screens greater than or equal to 1024 pixels and smaller than 1440 pixels.\n - 'XL' for screens greater than or equal to 1440 pixels.\n \n One item per page is shown by default.\n */\n this.itemsPerPage = input(\"S1 M1 L1 XL1\", ...(ngDevMode ? [{ debugName: \"itemsPerPage\" }] : []));\n /**\n * Defines the visibility of the navigation arrows.\n If set to true the navigation arrows will be hidden.\n */\n this.hideNavigationArrows = input(false, ...(ngDevMode ? [{ debugName: \"hideNavigationArrows\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n /**\n * Defines the visibility of the page indicator.\n If set to true the page indicator will be hidden.\n */\n this.hidePageIndicator = input(false, ...(ngDevMode ? [{ debugName: \"hidePageIndicator\", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));\n /**\n * Defines the style of the page indicator.\n Available options are:\n \n - `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)\n - `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)\n */\n this.pageIndicatorType = input(\"Default\", ...(ngDevMode ? [{ debugName: \"pageIndicatorType\" }] : []));\n /**\n * Defines the carousel's background design.\n */\n this.backgroundDesign = input(\"Translucent\", ...(ngDevMode ? [{ debugName: \"backgroundDesign\" }] : []));\n /**\n * Defines the page indicator background design.\n */\n this.pageIndicatorBackgroundDesign = input(\"Solid\", ...(ngDevMode ? [{ debugName: \"pageIndicatorBackgroundDesign\" }] : []));\n /**\n * Defines the page indicator border design.\n */\n this.pageIndicatorBorderDesign = input(\"Solid\", ...(ngDevMode ? [{ debugName: \"pageIndicatorBorderDesign\" }] : []));\n /**\n * Defines the position of arrows.\n \n Available options are:\n \n - `Content` - the arrows are placed on the sides of the current page.\n - `Navigation` - the arrows are placed on the sides of the page indicator.\n */\n this.arrowsPlacement = input(\"Content\", ...(ngDevMode ? [{ debugName: \"arrowsPlacement\" }] : [])); // className is now passed\n /**\n * Fired whenever the page changes due to user interaction,\n when the user clicks on the navigation arrows or while resizing,\n based on the `items-per-page` property.\n */\n this.ui5Navigate = output();\n /**\n * Available slots for content projection in this component.\n *\n * Slots allow you to insert custom content into predefined areas of the web component.\n * Use the `slot` attribute on child elements to target specific slots.\n *\n * - **(default)**: Defines the content of the component.\n \n **Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.\n They will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items).\n *\n * @example\n * ```html\n * <ui5-carousel>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-carousel>\n * ```\n *\n * @readonly\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n */\n this.slots = [\n {\n \"name\": \"default\",\n \"description\": \"Defines the content of the component.\\n\\n**Note:** Items with the `hidden` attribute will be automatically excluded from carousel navigation and page calculations.\\nThey will not be displayed or accessible via keyboard navigation. See [sample](./#carousel-with-hidden-items).\"\n }\n ];\n this.elementRef = inject(ElementRef);\n this.injector = inject(Injector);\n }\n /**\n * The indices of the currently visible items of the component.\n * @readonly This property is managed by the web component.\n */\n get visibleItemsIndices() {\n return this.element?.visibleItemsIndices ?? [];\n }\n get element() {\n return this.elementRef.nativeElement;\n }\n ngAfterViewInit() {\n const wcElement = this.element;\n const inputsToSync = [\n 'accessibleName',\n 'accessibleNameRef',\n 'cyclic',\n 'itemsPerPage',\n 'hideNavigationArrows',\n 'hidePageIndicator',\n 'pageIndicatorType',\n 'backgroundDesign',\n 'pageIndicatorBackgroundDesign',\n 'pageIndicatorBorderDesign',\n 'arrowsPlacement',\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 'ui5Navigate',\n ];\n // Synchronize outputs (events)\n for (const outputName of outputsToSync) {\n // Map Angular output name to UI5 web component event name\n const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n // Ensure the output property exists and has an emit function before adding listener\n if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n // Cast the listener to the correct type to satisfy TypeScript\n wcElement.addEventListener(eventName, (e) => {\n this[outputName].emit(e);\n });\n }\n }\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.4\", ngImport: i0, type: Carousel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.1.4\", type: Carousel, isStandalone: true, selector: \"ui5-carousel, [ui5-carousel]\", inputs: { accessibleName: { classPropertyName: \"accessibleName\", publicName: \"accessibleName\", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: \"accessibleNameRef\", publicName: \"accessibleNameRef\", isSignal: true, isRequired: false, transformFunction: null }, cyclic: { classPropertyName: \"cyclic\", publicName: \"cyclic\", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: \"itemsPerPage\", publicName: \"itemsPerPage\", isSignal: true, isRequired: false, transformFunction: null }, hideNavigationArrows: { classPropertyName: \"hideNavigationArrows\", publicName: \"hideNavigationArrows\", isSignal: true, isRequired: false, transformFunction: null }, hidePageIndicator: { classPropertyName: \"hidePageIndicator\", publicName: \"hidePageIndicator\", isSignal: true, isRequired: false, transformFunction: null }, pageIndicatorType: { classPropertyName: \"pageIndicatorType\", publicName: \"pageIndicatorType\", isSignal: true, isRequired: false, transformFunction: null }, backgroundDesign: { classPropertyName: \"backgroundDesign\", publicName: \"backgroundDesign\", isSignal: true, isRequired: false, transformFunction: null }, pageIndicatorBackgroundDesign: { classPropertyName: \"pageIndicatorBackgroundDesign\", publicName: \"pageIndicatorBackgroundDesign\", isSignal: true, isRequired: false, transformFunction: null }, pageIndicatorBorderDesign: { classPropertyName: \"pageIndicatorBorderDesign\", publicName: \"pageIndicatorBorderDesign\", isSignal: true, isRequired: false, transformFunction: null }, arrowsPlacement: { classPropertyName: \"arrowsPlacement\", publicName: \"arrowsPlacement\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Navigate: \"ui5Navigate\" }, exportAs: [\"ui5Carousel\"], 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: Carousel, decorators: [{\n type: Component,\n args: [{\n standalone: true,\n selector: 'ui5-carousel, [ui5-carousel]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5Carousel',\n changeDetection: ChangeDetectionStrategy.OnPush,\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpNS13ZWJjb21wb25lbnRzL2Nhcm91c2VsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUVOLE1BQU0sRUFDTixxQkFBcUIsRUFDckIsTUFBTSxFQUNOLFFBQVEsRUFDUixnQkFBZ0IsRUFHakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxxQ0FBcUMsQ0FBQzs7QUFpQjdDLE1BQU0sT0FBTyxRQUFRO0lBUnJCO1FBVUU7O1dBRUc7UUFDSCxtQkFBYyxHQUFHLEtBQUssb0VBQXlELENBQUM7UUFFaEY7O1dBRUc7UUFDSCxzQkFBaUIsR0FBRyxLQUFLLHVFQUE0RCxDQUFDO1FBRXRGOztXQUVHO1FBQ0gsV0FBTSxHQUFHLEtBQUssQ0FBQyxLQUFLLDBDQUFJLFNBQVMsRUFBRSxnQkFBZ0IsT0FBN0IsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsR0FBQyxDQUFDO1FBRXZEOzs7Ozs7Ozs7V0FTRztRQUNILGlCQUFZLEdBQUcsS0FBSyxDQUFzRCxjQUFjLHdEQUFDLENBQUM7UUFFMUY7OztXQUdHO1FBQ0gseUJBQW9CLEdBQUcsS0FBSyxDQUFDLEtBQUssd0RBQUksU0FBUyxFQUFFLGdCQUFnQixPQUE3QixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxHQUFDLENBQUM7UUFFckU7OztXQUdHO1FBQ0gsc0JBQWlCLEdBQUcsS0FBSyxDQUFDLEtBQUsscURBQUksU0FBUyxFQUFFLGdCQUFnQixPQUE3QixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxHQUFDLENBQUM7UUFFbEU7Ozs7OztXQU1HO1FBQ0gsc0JBQWlCLEdBQUcsS0FBSyxDQUEyRCxTQUFTLDZEQUFDLENBQUM7UUFFL0Y7O1dBRUc7UUFDSCxxQkFBZ0IsR0FB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OERBQThEO2dCQUM5RCxTQUFTLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUU7b0JBRTFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBcUIsQ0FBQyxDQUFDO2dCQUMvQyxDQUFDLENBQUMsQ0FBQztZQUNMLENBQUM7UUFDSCxDQUFDO0lBR0gsQ0FBQzs4R0F6TFUsUUFBUTtrR0FBUixRQUFRLCsxREFMVCwyQkFBMkI7OzJGQUsxQixRQUFRO2tCQVJwQixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsOEJBQThCO29CQUN4QyxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxRQUFRLEVBQUUsYUFBYTtvQkFFdkIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBpbnB1dCxcbiAgb3V0cHV0LFxuICBBZnRlclZpZXdJbml0LFxuICBlZmZlY3QsXG4gIHJ1bkluSW5qZWN0aW9uQ29udGV4dCxcbiAgaW5qZWN0LFxuICBJbmplY3RvcixcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgY29tcHV0ZWQsXG4gIHNpZ25hbFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAnQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvQ2Fyb3VzZWwuanMnO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBfQ2Fyb3VzZWwgfSBmcm9tICdAdWk1L3dlYmNvbXBvbmVudHMvZGlzdC9DYXJvdXNlbC5qcyc7XG5pbXBvcnQgeyBVSTVDdXN0b21FdmVudCB9IGZyb20gJ0B1aTUvd2ViY29tcG9uZW50cy1iYXNlJztcblxuaW1wb3J0IHsgZGVmYXVsdCBhcyBDYXJvdXNlbFBhZ2VJbmRpY2F0b3JUeXBlIH0gZnJvbSAnQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvdHlwZXMvQ2Fyb3VzZWxQYWdlSW5kaWNhdG9yVHlwZS5qcyc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIEJhY2tncm91bmREZXNpZ24gfSBmcm9tICdAdWk1L3dlYmNvbXBvbmVudHMvZGlzdC90eXBlcy9CYWNrZ3JvdW5kRGVzaWduLmpzJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgQm9yZGVyRGVzaWduIH0gZnJvbSAnQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvdHlwZXMvQm9yZGVyRGVzaWduLmpzJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgQ2Fyb3VzZWxBcnJvd3NQbGFjZW1lbnQgfSBmcm9tICdAdWk1L3dlYmNvbXBvbmVudHMvZGlzdC90eXBlcy9DYXJvdXNlbEFycm93c1BsYWNlbWVudC5qcyc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ3VpNS1jYXJvdXNlbCwgW3VpNS1jYXJvdXNlbF0nLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBleHBvcnRBczogJ3VpNUNhcm91c2VsJyxcblxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2Fyb3VzZWwgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgYWNjZXNzaWJsZSBuYW1lIG9mIHRoZSBjb21wb25lbnQuXG4gICAqL1xuICBhY2Nlc3NpYmxlTmFtZSA9IGlucHV0PHR5cGVvZiBfQ2Fyb3VzZWwucHJvdG90eXBlLmFjY2Vzc2libGVOYW1lIHwgdW5kZWZpbmVkPigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBJRHMgb2YgdGhlIGVsZW1lbnRzIHRoYXQgbGFiZWwgdGhlIGlucHV0LlxuICAgKi9cbiAgYWNjZXNzaWJsZU5hbWVSZWYgPSBpbnB1dDx0eXBlb2YgX0Nhcm91c2VsLnByb3RvdHlwZS5hY2Nlc3NpYmxlTmFtZVJlZiB8IHVuZGVmaW5lZD4oKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBjYXJvdXNlbCBzaG91bGQgbG9vcCwgaS5lIHNob3cgdGhlIGZpcnN0IHBhZ2UgYWZ0ZXIgdGhlIGxhc3QgcGFnZSBpcyByZWFjaGVkIGFuZCB2aWNlIHZlcnNhLlxuICAgKi9cbiAgY3ljbGljID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBudW1iZXIgb2YgaXRlbXMgcGVyIHBhZ2UgZGVwZW5kaW5nIG9uIHRoZSBjYXJvdXNlbCB3aWR0aC5cblxuLSAnUycgZm9yIHNjcmVlbnMgc21hbGxlciB0aGFuIDYwMCBwaXhlbHMuXG4tICdNJyBmb3Igc2NyZWVucyBncmVhdGVyIHRoYW4gb3IgZXF1YWwgdG8gNjAwIHBpeGVscyBhbmQgc21hbGxlciB0aGFuIDEwMjQgcGl4ZWxzLlxuLSAnTCcgZm9yIHNjcmVlbnMgZ3JlYXRlciB0aGFuIG9yIGVxdWFsIHRvIDEwMjQgcGl4ZWxzIGFuZCBzbWFsbGVyIHRoYW4gMTQ0MCBwaXhlbHMuXG4tICdYTCcgZm9yIHNjcmVlbnMgZ3JlYXRlciB0aGFuIG9yIGVxdWFsIHRvIDE0NDAgcGl4ZWxzLlxuXG5PbmUgaXRlbSBwZXIgcGFnZSBpcyBzaG93biBieSBkZWZhdWx0LlxuICAgKi9cbiAgaXRlbXNQZXJQYWdlID0gaW5wdXQ8dHlwZW9mIF9DYXJvdXNlbC5wcm90b3R5cGUuaXRlbXNQZXJQYWdlIHwgdW5kZWZpbmVkPihcIlMxIE0xIEwxIFhMMVwiKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgdmlzaWJpbGl0eSBvZiB0aGUgbmF2aWdhdGlvbiBhcnJvd3MuXG5JZiBzZXQgdG8gdHJ1ZSB0aGUgbmF2aWdhdGlvbiBhcnJvd3Mgd2lsbCBiZSBoaWRkZW4uXG4gICAqL1xuICBoaWRlTmF2aWdhdGlvbkFycm93cyA9IGlucHV0KGZhbHNlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgdmlzaWJpbGl0eSBvZiB0aGUgcGFnZSBpbmRpY2F0b3IuXG5JZiBzZXQgdG8gdHJ1ZSB0aGUgcGFnZSBpbmRpY2F0b3Igd2lsbCBiZSBoaWRkZW4uXG4gICAqL1xuICBoaWRlUGFnZUluZGljYXRvciA9IGlucHV0KGZhbHNlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgc3R5bGUgb2YgdGhlIHBhZ2UgaW5kaWNhdG9yLlxuQXZhaWxhYmxlIG9wdGlvbnMgYXJlOlxuXG4tIGBEZWZhdWx0YCAtIFRoZSBwYWdlIGluZGljYXRvciB3aWxsIGJlIHZpc3VhbGl6ZWQgYXMgZG90cyBpZiB0aGVyZSBhcmUgZmV3ZXIgdGhhbiA5IHBhZ2VzLiBJZiB0aGVyZSBhcmUgbW9yZSBwYWdlcywgdGhlIHBhZ2UgaW5kaWNhdG9yIHdpbGwgc3dpdGNoIHRvIGRpc3BsYXlpbmcgdGhlIGN1cnJlbnQgcGFnZSBhbmQgdGhlIHRvdGFsIG51bWJlciBvZiBwYWdlcy4gKGUuZy4gWCBvZiBZKVxuLSBgTnVtZXJpY2AgLSBUaGUgcGFnZSBpbmRpY2F0b3Igd2lsbCBkaXNwbGF5IHRoZSBjdXJyZW50IHBhZ2UgYW5kIHRoZSB0b3RhbCBudW1iZXIgb2YgcGFnZXMuIChlLmcuIFggb2YgWSlcbiAgICovXG4gIHBhZ2VJbmRpY2F0b3JUeXBlID0gaW5wdXQ8dHlwZW9mIF9DYXJvdXNlbC5wcm90b3R5cGUucGFnZUluZGljYXRvclR5cGUgfCB1bmRlZmluZWQ+KFwiRGVmYXVsdFwiKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgY2Fyb3VzZWwncyBiYWNrZ3JvdW5kIGRlc2lnbi5cbiAgICovXG4gIGJhY2tncm91bmREZXNpZ24gPSBpbnB1dDx0eXBlb2YgX0Nhcm91c2VsLnByb3RvdHlwZS5iYWNrZ3JvdW5kRGVzaWduIHwgdW5kZWZpbmVkPihcIlRyYW5zbHVjZW50XCIpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBwYWdlIGluZGljYXRvciBiYWNrZ3JvdW5kIGRlc2lnbi5cbiAgICovXG4gIHBhZ2VJbmRpY2F0b3JCYWNrZ3JvdW5kRGVzaWduID0gaW5wdXQ8dHlwZW9mIF9DYXJvdXNlbC5wcm90b3R5cGUucGFnZUluZGljYXRvckJhY2tncm91bmREZXNpZ24gfCB1bmRlZmluZWQ+KFwiU29saWRcIik7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHBhZ2UgaW5kaWNhdG9yIGJvcmRlciBkZXNpZ24uXG4gICAqL1xuICBwYWdlSW5kaWNhdG9yQm9yZGVyRGVzaWduID0gaW5wdXQ8dHlwZW9mIF9DYXJvdXNlbC5wcm90b3R5cGUucGFnZUluZGljYXRvckJvcmRlckRlc2lnbiB8IHVuZGVmaW5lZD4oXCJTb2xpZFwiKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgcG9zaXRpb24gb2YgYXJyb3dzLlxuXG5BdmFpbGFibGUgb3B0aW9ucyBhcmU6XG5cbi0gYENvbnRlbnRgIC0gdGhlIGFycm93cyBhcmUgcGxhY2VkIG9uIHRoZSBzaWRlcyBvZiB0aGUgY3VycmVudCBwYWdlLlxuLSBgTmF2aWdhdGlvbmAgLSB0aGUgYXJyb3dzIGFyZSBwbGFjZWQgb24gdGhlIHNpZGVzIG9mIHRoZSBwYWdlIGluZGljYXRvci5cbiAgICovXG4gIGFycm93c1BsYWNlbWVudCA9IGlucHV0PHR5cGVvZiBfQ2Fyb3VzZWwucHJvdG90eXBlLmFycm93c1BsYWNlbWVudCB8IHVuZGVmaW5lZD4oXCJDb250ZW50XCIpOyAvLyBjbGFzc05hbWUgaXMgbm93IHBhc3NlZFxuXG4gIC8qKlxuICAgKiBUaGUgaW5kaWNlcyBvZiB0aGUgY3VycmVudGx5IHZpc2libGUgaXRlbXMgb2YgdGhlIGNvbXBvbmVudC5cbiAgICogQHJlYWRvbmx5IFRoaXMgcHJvcGVydHkgaXMgbWFuYWdlZCBieSB0aGUgd2ViIGNvbXBvbmVudC5cbiAgICovXG4gIGdldCB2aXNpYmxlSXRlbXNJbmRpY2VzKCk6IEFycmF5PG51bWJlcj4ge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnQ/LnZpc2libGVJdGVtc0luZGljZXMgPz8gW107XG4gIH1cblxuXG4gIC8qKlxuICAgKiBGaXJlZCB3aGVuZXZlciB0aGUgcGFnZSBjaGFuZ2VzIGR1ZSB0byB1c2VyIGludGVyYWN0aW9uLFxud2hlbiB0aGUgdXNlciBjbGlja3Mgb24gdGhlIG5hdmlnYXRpb24gYXJyb3dzIG9yIHdoaWxlIHJlc2l6aW5nLFxuYmFzZWQgb24gdGhlIGBpdGVtcy1wZXItcGFnZWAgcHJvcGVydHkuXG4gICAqL1xuICB1aTVOYXZpZ2F0ZSA9IG91dHB1dDxVSTVDdXN0b21FdmVudDxfQ2Fyb3VzZWwsICduYXZpZ2F0ZSc+PigpO1xuXG4gIC8qKlxuICAgKiBBdmFpbGFibGUgc2xvdHMgZm9yIGNvbnRlbnQgcHJvamVjdGlvbiBpbiB0aGlzIGNvbXBvbmVudC5cbiAgICogXG4gICAqIFNsb3RzIGFsbG93IHlvdSB0byBpbnNlcnQgY3VzdG9tIGNvbnRlbnQgaW50byBwcmVkZWZpbmVkIGFyZWFzIG9mIHRoZSB3ZWIgY29tcG9uZW50LlxuICAgKiBVc2UgdGhlIGBzbG90YCBhdHRyaWJ1dGUgb24gY2hpbGQgZWxlbWVudHMgdG8gdGFyZ2V0IHNwZWNpZmljIHNsb3RzLlxuICAgKiBcbiAgICogLSAqKihkZWZhdWx0KSoqOiBEZWZpbmVzIHRoZSBjb250ZW50IG9mIHRoZSBjb21wb25lbnQuXG5cbioqTm90ZToqKiBJdGVtcyB3aXRoIHRoZSBgaGlkZGVuYCBhdHRyaWJ1dGUgd2lsbCBiZSBhdXRvbWF0aWNhbGx5IGV4Y2x1ZGVkIGZyb20gY2Fyb3VzZWwgbmF2aWdhdGlvbiBhbmQgcGFnZSBjYWxjdWxhdGlvbnMuXG5UaGV5IHdpbGwgbm90IGJlIGRpc3BsYXllZCBvciBhY2Nlc3NpYmxlIHZpYSBrZXlib2FyZCBuYXZpZ2F0aW9uLiBTZWUgW3NhbXBsZV0oLi8jY2Fyb3VzZWwtd2l0aC1oaWRkZW4taXRlbXMpLlxuICAgKiBcbiAgICogQGV4YW1wbGVcbiAgICogYGBgaHRtbFxuICAgKiA8dWk1LWNhcm91c2VsPlxuICAgKiAgIDxkaXYgc2xvdD1cImhlYWRlclwiPkN1c3RvbSBoZWFkZXIgY29udGVudDwvZGl2PlxuICAgKiAgIDxwPkRlZmF1bHQgc2xvdCBjb250ZW50PC9wPlxuICAgKiA8L3VpNS1jYXJvdXNlbD5cbiAgICogYGBgXG4gICAqIFxuICAgKiBAcmVhZG9ubHlcbiAgICogQHNlZSB7QGxpbmsgaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQVBJL1dlYl9jb21wb25lbnRzL1VzaW5nX3RlbXBsYXRlc19hbmRfc2xvdHMgfCBNRE4gV2ViIENvbXBvbmVudHMgU2xvdHN9XG4gICAqL1xuICByZWFkb25seSBzbG90cyA9IFtcbiAgICAgIHtcbiAgICAgICAgICBcIm5hbWVcIjogXCJkZWZhdWx0XCIsXG4gICAgICAgICAgXCJkZXNjcmlwdGlvblwiOiBcIkRlZmluZXMgdGhlIGNvbnRlbnQgb2YgdGhlIGNvbXBvbmVudC5cXG5cXG4qKk5vdGU6KiogSXRlbXMgd2l0aCB0aGUgYGhpZGRlbmAgYXR0cmlidXRlIHdpbGwgYmUgYXV0b21hdGljYWxseSBleGNsdWRlZCBmcm9tIGNhcm91c2VsIG5hdmlnYXRpb24gYW5kIHBhZ2UgY2FsY3VsYXRpb25zLlxcblRoZXkgd2lsbCBub3QgYmUgZGlzcGxheWVkIG9yIGFjY2Vzc2libGUgdmlhIGtleWJvYXJkIG5hdmlnYXRpb24uIFNlZSBbc2FtcGxlXSguLyNjYXJvdXNlbC13aXRoLWhpZGRlbi1pdGVtcykuXCJcbiAgICAgIH1cbiAgXTtcblxuXG4gIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmPF9DYXJvdXNlbD4gPSBpbmplY3QoRWxlbWVudFJlZik7XG4gIHB1YmxpYyBpbmplY3RvciA9IGluamVjdChJbmplY3Rvcik7XG5cbiAgZ2V0IGVsZW1lbnQoKTogX0Nhcm91c2VsIHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgY29uc3Qgd2NFbGVtZW50ID0gdGhpcy5lbGVtZW50O1xuICAgIFxuICAgIGNvbnN0IGlucHV0c1RvU3luYyA9IFtcbiAgICAgICdhY2Nlc3NpYmxlTmFtZScsXG4gICAgICAnYWNjZXNzaWJsZU5hbWVSZWYnLFxuICAgICAgJ2N5Y2xpYycsXG4gICAgICAnaXRlbXNQZXJQYWdlJyxcbiAgICAgICdoaWRlTmF2aWdhdGlvbkFycm93cycsXG4gICAgICAnaGlkZVBhZ2VJbmRpY2F0b3InLFxuICAgICAgJ3BhZ2VJbmRpY2F0b3JUeXBlJyxcbiAgICAgICdiYWNrZ3JvdW5kRGVzaWduJyxcbiAgICAgICdwYWdlSW5kaWNhdG9yQmFja2dyb3VuZERlc2lnbicsXG4gICAgICAncGFnZUluZGljYXRvckJvcmRlckRlc2lnbicsXG4gICAgICAnYXJyb3dzUGxhY2VtZW50JyxcbiAgICBdO1xuICAgIFxuICAgIC8vIFN5bmNocm9uaXplIGlucHV0cyAocHJvcGVydGllcylcbiAgICBmb3IgKGNvbnN0IGlucHV0TmFtZSBvZiBpbnB1dHNUb1N5bmMpIHtcbiAgICAgIC8vIEZpbmQgdGhlIGNvcnJlc3BvbmRpbmcgY2FtZWxDYXNlIHNpZ25hbCBwcm9wZXJ0eSBvbiB0aGUgQW5ndWxhciBjb21wb25lbnRcbiAgICAgIGNvbnN0IHNpZ25hbE5hbWUgPSBpbnB1dE5hbWUucmVwbGFjZSgvLS4vZywgKHg6IHN0cmluZykgPT4geFsxXS50b1VwcGVyQ2FzZSgpKTtcblxuICAgICAgLy8gVXNlIHRoZSBJbmplY3RvciB0byBydW4gdGhlIGVmZmVjdCBpbiB0aGUgY29ycmVjdCBjb250ZXh0XG4gICAgICBpZiAodGhpc1tzaWduYWxOYW1lXSAmJiB0eXBlb2YgdGhpc1tzaWduYWxOYW1lXSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICBydW5JbkluamVjdGlvbkNvbnRleHQodGhpcy5pbmplY3RvciwgKCkgPT4ge1xuICAgICAgICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICAgICAgICAvLyBSZWFkIHRoZSBzaWduYWwgdmFsdWVcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlID0gdGhpc1tzaWduYWxOYW1lXSgpO1xuICAgICAgICAgICAgaWYgKHdjRWxlbWVudCkge1xuICAgICAgICAgICAgICAvLyBXcml0ZSB0aGUgdmFsdWUgdG8gdGhlIFdlYiBDb21wb25lbnQncyBwcm9wZXJ0eVxuICAgICAgICAgICAgICB3Y0VsZW1lbnRbaW5wdXROYW1lXSA9IHZhbHVlO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9XG4gIFxuICAgIFxuICAgIGNvbnN0IG91dHB1dHNUb1N5bmMgPSBbXG4gICAgICAndWk1TmF2aWdhdGUnLFxuICAgIF07XG4gICAgXG4gICAgLy8gU3luY2hyb25pemUgb3V0cHV0cyAoZXZlbnRzKVxuICAgIGZvciAoY29uc3Qgb3V0cHV0TmFtZSBvZiBvdXRwdXRzVG9TeW5jKSB7XG4gICAgICAvLyBNYXAgQW5ndWxhciBvdXRwdXQgbmFtZSB0byBVSTUgd2ViIGNvbXBvbmVudCBldmVudCBuYW1lXG4gICAgICBjb25zdCBldmVudE5hbWUgPSBvdXRwdXROYW1lLnJlcGxhY2UoJ3VpNScsICcnKS5yZXBsYWNlKC8oW0EtWl0pL2csICctJDEnKS50b0xvd2VyQ2FzZSgpLnN1YnN0cmluZygxKTtcbiAgICAgIC8vIEVuc3VyZSB0aGUgb3V0cHV0IHByb3BlcnR5IGV4aXN0cyBhbmQgaGFzIGFuIGVtaXQgZnVuY3Rpb24gYmVmb3JlIGFkZGluZyBsaXN0ZW5lclxuICAgICAgaWYgKHRoaXNbb3V0cHV0TmFtZV0gJiYgdHlwZW9mIHRoaXNbb3V0cHV0TmFtZV0uZW1pdCA9PT0gJ2Z1bmN0aW9uJyAmJiB3Y0VsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcikge1xuICAgICAgICAvLyBDYXN0IHRoZSBsaXN0ZW5lciB0byB0aGUgY29ycmVjdCB0eXBlIHRvIHNhdGlzZnkgVHlwZVNjcmlwdFxuICAgICAgICB3Y0VsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihldmVudE5hbWUsIChlKSA9PiB7XG5cbiAgICAgICAgICB0aGlzW291dHB1dE5hbWVdLmVtaXQoZSBhcyBDdXN0b21FdmVudDxhbnk+KTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfVxuICBcblxuICB9XG59XG5cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LXVpNS13ZWJjb21wb25lbnRzLWNhcm91c2VsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy91aTUtd2ViY29tcG9uZW50cy9jYXJvdXNlbC9mdW5kYW1lbnRhbC1uZ3gtdWk1LXdlYmNvbXBvbmVudHMtY2Fyb3VzZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@ui5/webcomponents/dist/CheckBox.js';
|
|
4
|
+
import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
|
|
5
|
+
import { GenericControlValueAccessor } from '@fundamental-ngx/ui5-webcomponents/utils';
|
|
6
|
+
|
|
7
|
+
class CheckBox {
|
|
8
|
+
constructor() {
|
|
9
|
+
/**
|
|
10
|
+
* Receives id(or many ids) of the elements that label the component
|
|
11
|
+
*/
|
|
12
|
+
this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
|
|
13
|
+
/**
|
|
14
|
+
* Defines the accessible ARIA name of the component.
|
|
15
|
+
*/
|
|
16
|
+
this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
|
|
17
|
+
/**
|
|
18
|
+
* Defines whether the component is disabled.
|
|
19
|
+
|
|
20
|
+
**Note:** A disabled component is completely noninteractive.
|
|
21
|
+
*/
|
|
22
|
+
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
23
|
+
/**
|
|
24
|
+
* Defines whether the component is read-only.
|
|
25
|
+
|
|
26
|
+
**Note:** A read-only component is not editable,
|
|
27
|
+
but still provides visual feedback upon user interaction.
|
|
28
|
+
*/
|
|
29
|
+
this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
30
|
+
/**
|
|
31
|
+
* Determines whether the `ui5-checkbox` is in display only state.
|
|
32
|
+
|
|
33
|
+
When set to `true`, the `ui5-checkbox` is not interactive, not editable, not focusable
|
|
34
|
+
and not in the tab chain. This setting is used for forms in review mode.
|
|
35
|
+
|
|
36
|
+
**Note:** When the property `disabled` is set to `true` this property has no effect.
|
|
37
|
+
*/
|
|
38
|
+
this.displayOnly = input(false, ...(ngDevMode ? [{ debugName: "displayOnly", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
39
|
+
/**
|
|
40
|
+
* Defines whether the component is required.
|
|
41
|
+
|
|
42
|
+
**Note:** We advise against using the text property of the checkbox when there is a
|
|
43
|
+
label associated with it to avoid having two required asterisks.
|
|
44
|
+
*/
|
|
45
|
+
this.required = input(false, ...(ngDevMode ? [{ debugName: "required", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
46
|
+
/**
|
|
47
|
+
* Defines whether the component is displayed as partially checked.
|
|
48
|
+
|
|
49
|
+
**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user
|
|
50
|
+
interaction and the resulting visual state depends on the values of the `indeterminate`
|
|
51
|
+
and `checked` properties:
|
|
52
|
+
|
|
53
|
+
- If the component is checked and indeterminate, it will be displayed as partially checked
|
|
54
|
+
- If the component is checked and it is not indeterminate, it will be displayed as checked
|
|
55
|
+
- If the component is not checked, it will be displayed as not checked regardless value of the indeterminate attribute
|
|
56
|
+
*/
|
|
57
|
+
this.indeterminate = input(false, ...(ngDevMode ? [{ debugName: "indeterminate", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
58
|
+
/**
|
|
59
|
+
* Defines if the component is checked.
|
|
60
|
+
|
|
61
|
+
**Note:** The property can be changed with user interaction,
|
|
62
|
+
either by cliking/tapping on the component, or by
|
|
63
|
+
pressing the Enter or Space key.
|
|
64
|
+
*/
|
|
65
|
+
this.checked = input(false, ...(ngDevMode ? [{ debugName: "checked", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
66
|
+
/**
|
|
67
|
+
* Defines the text of the component.
|
|
68
|
+
*/
|
|
69
|
+
this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
|
|
70
|
+
/**
|
|
71
|
+
* Defines the value state of the component.
|
|
72
|
+
*/
|
|
73
|
+
this.valueState = input("None", ...(ngDevMode ? [{ debugName: "valueState" }] : []));
|
|
74
|
+
/**
|
|
75
|
+
* Defines whether the component text wraps when there is not enough space.
|
|
76
|
+
|
|
77
|
+
**Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
|
|
78
|
+
**Note:** for option "None" the text will be truncated with an ellipsis.
|
|
79
|
+
*/
|
|
80
|
+
this.wrappingType = input("Normal", ...(ngDevMode ? [{ debugName: "wrappingType" }] : []));
|
|
81
|
+
/**
|
|
82
|
+
* Determines the name by which the component will be identified upon submission in an HTML form.
|
|
83
|
+
|
|
84
|
+
**Note:** This property is only applicable within the context of an HTML Form element.
|
|
85
|
+
*/
|
|
86
|
+
this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
|
|
87
|
+
/**
|
|
88
|
+
* Defines the form value of the component that is submitted when the checkbox is checked.
|
|
89
|
+
|
|
90
|
+
When a form containing `ui5-checkbox` elements is submitted, only the values of the
|
|
91
|
+
**checked** checkboxes are included in the form data sent to the server. Unchecked
|
|
92
|
+
checkboxes do not contribute any data to the form submission.
|
|
93
|
+
|
|
94
|
+
This property is particularly useful for **checkbox groups**, where multiple checkboxes with the same `name` but different `value` properties can be used to represent a set of related options.
|
|
95
|
+
*/
|
|
96
|
+
this.value = input("on", ...(ngDevMode ? [{ debugName: "value" }] : [])); // className is now passed
|
|
97
|
+
/**
|
|
98
|
+
* Fired when the component checked state changes.
|
|
99
|
+
*/
|
|
100
|
+
this.ui5Change = output();
|
|
101
|
+
this.elementRef = inject(ElementRef);
|
|
102
|
+
this.injector = inject(Injector);
|
|
103
|
+
}
|
|
104
|
+
get element() {
|
|
105
|
+
return this.elementRef.nativeElement;
|
|
106
|
+
}
|
|
107
|
+
ngAfterViewInit() {
|
|
108
|
+
const wcElement = this.element;
|
|
109
|
+
const inputsToSync = [
|
|
110
|
+
'accessibleNameRef',
|
|
111
|
+
'accessibleName',
|
|
112
|
+
'disabled',
|
|
113
|
+
'readonly',
|
|
114
|
+
'displayOnly',
|
|
115
|
+
'required',
|
|
116
|
+
'indeterminate',
|
|
117
|
+
'checked',
|
|
118
|
+
'text',
|
|
119
|
+
'valueState',
|
|
120
|
+
'wrappingType',
|
|
121
|
+
'name',
|
|
122
|
+
'value',
|
|
123
|
+
];
|
|
124
|
+
// Synchronize inputs (properties)
|
|
125
|
+
for (const inputName of inputsToSync) {
|
|
126
|
+
// Find the corresponding camelCase signal property on the Angular component
|
|
127
|
+
const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
|
|
128
|
+
// Use the Injector to run the effect in the correct context
|
|
129
|
+
if (this[signalName] && typeof this[signalName] === 'function') {
|
|
130
|
+
runInInjectionContext(this.injector, () => {
|
|
131
|
+
effect(() => {
|
|
132
|
+
// Read the signal value
|
|
133
|
+
const value = this[signalName]();
|
|
134
|
+
if (wcElement) {
|
|
135
|
+
// Write the value to the Web Component's property
|
|
136
|
+
wcElement[inputName] = value;
|
|
137
|
+
}
|
|
138
|
+
});
|
|
139
|
+
});
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
const outputsToSync = [
|
|
143
|
+
'ui5Change',
|
|
144
|
+
];
|
|
145
|
+
// Synchronize outputs (events)
|
|
146
|
+
for (const outputName of outputsToSync) {
|
|
147
|
+
// Map Angular output name to UI5 web component event name
|
|
148
|
+
const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
|
|
149
|
+
// Ensure the output property exists and has an emit function before adding listener
|
|
150
|
+
if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
|
|
151
|
+
// Cast the listener to the correct type to satisfy TypeScript
|
|
152
|
+
wcElement.addEventListener(eventName, (e) => {
|
|
153
|
+
this[outputName].emit(e);
|
|
154
|
+
});
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CheckBox, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
159
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.4", type: CheckBox, isStandalone: true, selector: "ui5-checkbox, [ui5-checkbox]", inputs: { accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, displayOnly: { classPropertyName: "displayOnly", publicName: "displayOnly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null }, wrappingType: { classPropertyName: "wrappingType", publicName: "wrappingType", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, exportAs: ["ui5CheckBox"], hostDirectives: [{ directive: i1.GenericControlValueAccessor }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
160
|
+
}
|
|
161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CheckBox, decorators: [{
|
|
162
|
+
type: Component,
|
|
163
|
+
args: [{
|
|
164
|
+
standalone: true,
|
|
165
|
+
selector: 'ui5-checkbox, [ui5-checkbox]',
|
|
166
|
+
template: '<ng-content></ng-content>',
|
|
167
|
+
exportAs: 'ui5CheckBox',
|
|
168
|
+
hostDirectives: [GenericControlValueAccessor],
|
|
169
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
170
|
+
}]
|
|
171
|
+
}] });
|
|
172
|
+
|
|
173
|
+
/**
|
|
174
|
+
* Generated bundle index. Do not edit.
|
|
175
|
+
*/
|
|
176
|
+
|
|
177
|
+
export { CheckBox };
|
|
178
|
+
//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-check-box.mjs.map
|