@slotted/angular 0.0.0-stage → 0.1.0-beta.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/LICENSE +21 -0
- package/README.md +51 -2
- package/docs/AGENTS.snippet.md +10 -0
- package/docs/accordion.json +345 -0
- package/docs/accordion.md +207 -0
- package/docs/action-bar.json +421 -0
- package/docs/action-bar.md +364 -0
- package/docs/action-sheet.json +210 -0
- package/docs/action-sheet.md +19 -0
- package/docs/alert.json +407 -0
- package/docs/alert.md +239 -0
- package/docs/app-shell.examples.md +349 -0
- package/docs/app-shell.json +835 -0
- package/docs/app-shell.md +214 -0
- package/docs/aspect-ratio.json +159 -0
- package/docs/aspect-ratio.md +134 -0
- package/docs/attachment.json +486 -0
- package/docs/attachment.md +253 -0
- package/docs/avatar-group.json +208 -0
- package/docs/avatar-group.md +130 -0
- package/docs/avatar.json +342 -0
- package/docs/avatar.md +142 -0
- package/docs/badge.json +334 -0
- package/docs/badge.md +138 -0
- package/docs/breadcrumb.json +368 -0
- package/docs/breadcrumb.md +237 -0
- package/docs/button-group.json +158 -0
- package/docs/button-group.md +72 -0
- package/docs/button.examples.md +621 -0
- package/docs/button.json +977 -0
- package/docs/button.md +200 -0
- package/docs/calendar.json +592 -0
- package/docs/calendar.md +242 -0
- package/docs/card.json +283 -0
- package/docs/card.md +130 -0
- package/docs/carousel.json +560 -0
- package/docs/carousel.md +357 -0
- package/docs/cascader.json +933 -0
- package/docs/cascader.md +379 -0
- package/docs/chart.examples.md +582 -0
- package/docs/chart.json +1359 -0
- package/docs/chart.md +187 -0
- package/docs/checkbox-group.examples.md +612 -0
- package/docs/checkbox-group.json +395 -0
- package/docs/checkbox-group.md +106 -0
- package/docs/checkbox.examples.md +546 -0
- package/docs/checkbox.json +506 -0
- package/docs/checkbox.md +104 -0
- package/docs/code-block.json +616 -0
- package/docs/code-block.md +303 -0
- package/docs/collapsible.json +456 -0
- package/docs/collapsible.md +261 -0
- package/docs/color-picker.json +523 -0
- package/docs/color-picker.md +201 -0
- package/docs/column-manager.json +486 -0
- package/docs/column-manager.md +277 -0
- package/docs/combobox.examples.md +1732 -0
- package/docs/combobox.json +1250 -0
- package/docs/combobox.md +209 -0
- package/docs/command-palette.json +800 -0
- package/docs/command-palette.md +419 -0
- package/docs/container.json +156 -0
- package/docs/container.md +92 -0
- package/docs/context-menu.json +231 -0
- package/docs/context-menu.md +176 -0
- package/docs/currency-field.examples.md +321 -0
- package/docs/currency-field.json +649 -0
- package/docs/currency-field.md +128 -0
- package/docs/dashboard-grid.json +680 -0
- package/docs/dashboard-grid.md +265 -0
- package/docs/data-grid.examples.md +3064 -0
- package/docs/data-grid.json +1577 -0
- package/docs/data-grid.md +237 -0
- package/docs/data-grid.props.md +81 -0
- package/docs/data-list.json +685 -0
- package/docs/data-list.md +327 -0
- package/docs/date-field.json +490 -0
- package/docs/date-field.md +235 -0
- package/docs/date-picker.examples.md +1226 -0
- package/docs/date-picker.json +696 -0
- package/docs/date-picker.md +121 -0
- package/docs/date-range-picker.examples.md +1300 -0
- package/docs/date-range-picker.json +903 -0
- package/docs/date-range-picker.md +142 -0
- package/docs/datetime-field.json +665 -0
- package/docs/datetime-field.md +337 -0
- package/docs/datetime-picker.examples.md +1269 -0
- package/docs/datetime-picker.json +928 -0
- package/docs/datetime-picker.md +150 -0
- package/docs/datetime-range-picker.examples.md +225 -0
- package/docs/datetime-range-picker.json +1015 -0
- package/docs/datetime-range-picker.md +162 -0
- package/docs/description-list.json +471 -0
- package/docs/description-list.md +268 -0
- package/docs/detail-panel.json +530 -0
- package/docs/detail-panel.md +361 -0
- package/docs/dialog.examples.md +2467 -0
- package/docs/dialog.json +1141 -0
- package/docs/dialog.md +217 -0
- package/docs/dialog.props.md +63 -0
- package/docs/divider.json +148 -0
- package/docs/divider.md +83 -0
- package/docs/drawer.examples.md +1929 -0
- package/docs/drawer.json +753 -0
- package/docs/drawer.md +199 -0
- package/docs/entity-picker.json +946 -0
- package/docs/entity-picker.md +365 -0
- package/docs/event-calendar.examples.md +308 -0
- package/docs/event-calendar.json +1202 -0
- package/docs/event-calendar.md +201 -0
- package/docs/field-group.json +333 -0
- package/docs/field-group.md +181 -0
- package/docs/field.examples.md +676 -0
- package/docs/field.json +528 -0
- package/docs/field.md +127 -0
- package/docs/filter-bar.json +817 -0
- package/docs/filter-bar.md +380 -0
- package/docs/form.json +378 -0
- package/docs/form.md +235 -0
- package/docs/fullscreen.json +395 -0
- package/docs/fullscreen.md +225 -0
- package/docs/grid.json +176 -0
- package/docs/grid.md +74 -0
- package/docs/highlight.json +279 -0
- package/docs/highlight.md +210 -0
- package/docs/hover-card.json +254 -0
- package/docs/hover-card.md +213 -0
- package/docs/icon.json +173 -0
- package/docs/icon.md +101 -0
- package/docs/image.json +476 -0
- package/docs/image.md +254 -0
- package/docs/import-export-center.json +836 -0
- package/docs/import-export-center.md +345 -0
- package/docs/index.md +141 -0
- package/docs/inline-message.json +312 -0
- package/docs/inline-message.md +191 -0
- package/docs/inline.json +149 -0
- package/docs/inline.md +72 -0
- package/docs/kbd.json +350 -0
- package/docs/kbd.md +210 -0
- package/docs/link.json +264 -0
- package/docs/link.md +167 -0
- package/docs/list-item.json +463 -0
- package/docs/list-item.md +236 -0
- package/docs/list.json +321 -0
- package/docs/list.md +185 -0
- package/docs/listbox.json +807 -0
- package/docs/listbox.md +413 -0
- package/docs/loading-overlay.json +440 -0
- package/docs/loading-overlay.md +248 -0
- package/docs/markdown.json +461 -0
- package/docs/markdown.md +266 -0
- package/docs/menu.examples.md +1651 -0
- package/docs/menu.json +922 -0
- package/docs/menu.md +155 -0
- package/docs/menubar.json +292 -0
- package/docs/menubar.md +173 -0
- package/docs/message-scroller.json +401 -0
- package/docs/message-scroller.md +212 -0
- package/docs/message.json +862 -0
- package/docs/message.md +473 -0
- package/docs/multi-select.examples.md +1922 -0
- package/docs/multi-select.json +1314 -0
- package/docs/multi-select.md +213 -0
- package/docs/navigation-menu.json +529 -0
- package/docs/navigation-menu.md +329 -0
- package/docs/notification-center.json +664 -0
- package/docs/notification-center.md +372 -0
- package/docs/number-field.examples.md +1078 -0
- package/docs/number-field.json +668 -0
- package/docs/number-field.md +137 -0
- package/docs/otp-input.json +479 -0
- package/docs/otp-input.md +291 -0
- package/docs/page-header.json +574 -0
- package/docs/page-header.md +338 -0
- package/docs/page.json +332 -0
- package/docs/page.md +184 -0
- package/docs/pagination.json +434 -0
- package/docs/pagination.md +238 -0
- package/docs/popover.examples.md +1235 -0
- package/docs/popover.json +656 -0
- package/docs/popover.md +199 -0
- package/docs/progress-indicator.json +501 -0
- package/docs/progress-indicator.md +329 -0
- package/docs/prompt-composer.json +498 -0
- package/docs/prompt-composer.md +278 -0
- package/docs/prose.json +357 -0
- package/docs/prose.md +226 -0
- package/docs/radio-group.examples.md +626 -0
- package/docs/radio-group.json +541 -0
- package/docs/radio-group.md +112 -0
- package/docs/rating.json +1053 -0
- package/docs/rating.md +435 -0
- package/docs/result-state.json +376 -0
- package/docs/result-state.md +286 -0
- package/docs/saved-views.json +384 -0
- package/docs/saved-views.md +242 -0
- package/docs/scroll-area.json +120 -0
- package/docs/scroll-area.md +8 -0
- package/docs/section.json +344 -0
- package/docs/section.md +208 -0
- package/docs/segmented-control.json +429 -0
- package/docs/segmented-control.md +240 -0
- package/docs/select.examples.md +1214 -0
- package/docs/select.json +1147 -0
- package/docs/select.md +199 -0
- package/docs/side-navigation.json +632 -0
- package/docs/side-navigation.md +430 -0
- package/docs/skeleton.json +358 -0
- package/docs/skeleton.md +223 -0
- package/docs/slider.json +522 -0
- package/docs/slider.md +261 -0
- package/docs/sparkline.json +426 -0
- package/docs/sparkline.md +206 -0
- package/docs/split-button.json +361 -0
- package/docs/split-button.md +275 -0
- package/docs/splitter.json +142 -0
- package/docs/splitter.md +14 -0
- package/docs/stack.json +135 -0
- package/docs/stack.md +74 -0
- package/docs/stat-card.json +529 -0
- package/docs/stat-card.md +270 -0
- package/docs/status-indicator.json +314 -0
- package/docs/status-indicator.md +197 -0
- package/docs/stepper.json +451 -0
- package/docs/stepper.md +250 -0
- package/docs/switch.json +451 -0
- package/docs/switch.md +508 -0
- package/docs/table-of-contents.json +553 -0
- package/docs/table-of-contents.md +289 -0
- package/docs/table.examples.md +1981 -0
- package/docs/table.json +1059 -0
- package/docs/table.md +290 -0
- package/docs/tabs.examples.md +1370 -0
- package/docs/tabs.json +661 -0
- package/docs/tabs.md +211 -0
- package/docs/tag.json +813 -0
- package/docs/tag.md +241 -0
- package/docs/tags-input.json +771 -0
- package/docs/tags-input.md +361 -0
- package/docs/text-field.examples.md +821 -0
- package/docs/text-field.json +604 -0
- package/docs/text-field.md +125 -0
- package/docs/textarea.examples.md +612 -0
- package/docs/textarea.json +440 -0
- package/docs/textarea.md +98 -0
- package/docs/time-field.json +584 -0
- package/docs/time-field.md +291 -0
- package/docs/time-picker.json +679 -0
- package/docs/time-picker.md +315 -0
- package/docs/time-range-picker.examples.md +191 -0
- package/docs/time-range-picker.json +924 -0
- package/docs/time-range-picker.md +152 -0
- package/docs/timeline.json +839 -0
- package/docs/timeline.md +401 -0
- package/docs/toast.json +642 -0
- package/docs/toast.md +311 -0
- package/docs/toggle-group.json +417 -0
- package/docs/toggle-group.md +255 -0
- package/docs/toggle.json +326 -0
- package/docs/toggle.md +222 -0
- package/docs/toolbar.json +380 -0
- package/docs/toolbar.md +240 -0
- package/docs/tooltip.examples.md +664 -0
- package/docs/tooltip.json +604 -0
- package/docs/tooltip.md +146 -0
- package/docs/top-navigation.examples.md +287 -0
- package/docs/top-navigation.json +648 -0
- package/docs/top-navigation.md +138 -0
- package/docs/tour.json +759 -0
- package/docs/tour.md +337 -0
- package/docs/transfer.json +746 -0
- package/docs/transfer.md +273 -0
- package/docs/tree.json +918 -0
- package/docs/tree.md +397 -0
- package/docs/typography.json +317 -0
- package/docs/typography.md +107 -0
- package/docs/upload.examples.md +358 -0
- package/docs/upload.json +1103 -0
- package/docs/upload.md +166 -0
- package/docs/visually-hidden.json +71 -0
- package/docs/visually-hidden.md +42 -0
- package/docs/wizard.json +724 -0
- package/docs/wizard.md +295 -0
- package/fesm2022/slotted-angular-accordion.mjs +247 -0
- package/fesm2022/slotted-angular-accordion.mjs.map +1 -0
- package/fesm2022/slotted-angular-action-bar.mjs +639 -0
- package/fesm2022/slotted-angular-action-bar.mjs.map +1 -0
- package/fesm2022/slotted-angular-action-sheet.mjs +749 -0
- package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -0
- package/fesm2022/slotted-angular-alert.mjs +427 -0
- package/fesm2022/slotted-angular-alert.mjs.map +1 -0
- package/fesm2022/slotted-angular-app-shell.mjs +1334 -0
- package/fesm2022/slotted-angular-app-shell.mjs.map +1 -0
- package/fesm2022/slotted-angular-aspect-ratio.mjs +63 -0
- package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -0
- package/fesm2022/slotted-angular-attachment.mjs +595 -0
- package/fesm2022/slotted-angular-attachment.mjs.map +1 -0
- package/fesm2022/slotted-angular-avatar-group.mjs +230 -0
- package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -0
- package/fesm2022/slotted-angular-avatar.mjs +330 -0
- package/fesm2022/slotted-angular-avatar.mjs.map +1 -0
- package/fesm2022/slotted-angular-badge.mjs +255 -0
- package/fesm2022/slotted-angular-badge.mjs.map +1 -0
- package/fesm2022/slotted-angular-breadcrumb.mjs +544 -0
- package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -0
- package/fesm2022/slotted-angular-button-group.mjs +146 -0
- package/fesm2022/slotted-angular-button-group.mjs.map +1 -0
- package/fesm2022/slotted-angular-button.mjs +692 -0
- package/fesm2022/slotted-angular-button.mjs.map +1 -0
- package/fesm2022/slotted-angular-calendar.mjs +916 -0
- package/fesm2022/slotted-angular-calendar.mjs.map +1 -0
- package/fesm2022/slotted-angular-card.mjs +225 -0
- package/fesm2022/slotted-angular-card.mjs.map +1 -0
- package/fesm2022/slotted-angular-carousel.mjs +840 -0
- package/fesm2022/slotted-angular-carousel.mjs.map +1 -0
- package/fesm2022/slotted-angular-cascader.mjs +1839 -0
- package/fesm2022/slotted-angular-cascader.mjs.map +1 -0
- package/fesm2022/slotted-angular-chart.mjs +974 -0
- package/fesm2022/slotted-angular-chart.mjs.map +1 -0
- package/fesm2022/slotted-angular-checkbox-group.mjs +283 -0
- package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -0
- package/fesm2022/slotted-angular-checkbox.mjs +468 -0
- package/fesm2022/slotted-angular-checkbox.mjs.map +1 -0
- package/fesm2022/slotted-angular-code-block.mjs +476 -0
- package/fesm2022/slotted-angular-code-block.mjs.map +1 -0
- package/fesm2022/slotted-angular-collapsible.mjs +479 -0
- package/fesm2022/slotted-angular-collapsible.mjs.map +1 -0
- package/fesm2022/slotted-angular-color-picker.mjs +910 -0
- package/fesm2022/slotted-angular-color-picker.mjs.map +1 -0
- package/fesm2022/slotted-angular-column-manager.mjs +1037 -0
- package/fesm2022/slotted-angular-column-manager.mjs.map +1 -0
- package/fesm2022/slotted-angular-combobox.mjs +1480 -0
- package/fesm2022/slotted-angular-combobox.mjs.map +1 -0
- package/fesm2022/slotted-angular-command-palette.mjs +1283 -0
- package/fesm2022/slotted-angular-command-palette.mjs.map +1 -0
- package/fesm2022/slotted-angular-container.mjs +105 -0
- package/fesm2022/slotted-angular-container.mjs.map +1 -0
- package/fesm2022/slotted-angular-context-menu.mjs +221 -0
- package/fesm2022/slotted-angular-context-menu.mjs.map +1 -0
- package/fesm2022/slotted-angular-currency-field.mjs +1131 -0
- package/fesm2022/slotted-angular-currency-field.mjs.map +1 -0
- package/fesm2022/slotted-angular-dashboard-grid.mjs +1928 -0
- package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -0
- package/fesm2022/slotted-angular-data-grid.mjs +6697 -0
- package/fesm2022/slotted-angular-data-grid.mjs.map +1 -0
- package/fesm2022/slotted-angular-data-list.mjs +1418 -0
- package/fesm2022/slotted-angular-data-list.mjs.map +1 -0
- package/fesm2022/slotted-angular-date-field.mjs +772 -0
- package/fesm2022/slotted-angular-date-field.mjs.map +1 -0
- package/fesm2022/slotted-angular-date-picker.mjs +690 -0
- package/fesm2022/slotted-angular-date-picker.mjs.map +1 -0
- package/fesm2022/slotted-angular-date-range-picker.mjs +1150 -0
- package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -0
- package/fesm2022/slotted-angular-datetime-field.mjs +1058 -0
- package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -0
- package/fesm2022/slotted-angular-datetime-picker.mjs +1362 -0
- package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -0
- package/fesm2022/slotted-angular-datetime-range-picker.mjs +1872 -0
- package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -0
- package/fesm2022/slotted-angular-description-list.mjs +545 -0
- package/fesm2022/slotted-angular-description-list.mjs.map +1 -0
- package/fesm2022/slotted-angular-detail-panel.mjs +754 -0
- package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -0
- package/fesm2022/slotted-angular-dialog.mjs +980 -0
- package/fesm2022/slotted-angular-dialog.mjs.map +1 -0
- package/fesm2022/slotted-angular-divider.mjs +76 -0
- package/fesm2022/slotted-angular-divider.mjs.map +1 -0
- package/fesm2022/slotted-angular-drawer.mjs +1397 -0
- package/fesm2022/slotted-angular-drawer.mjs.map +1 -0
- package/fesm2022/slotted-angular-entity-picker.mjs +1987 -0
- package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -0
- package/fesm2022/slotted-angular-event-calendar.mjs +2934 -0
- package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -0
- package/fesm2022/slotted-angular-field-group.mjs +301 -0
- package/fesm2022/slotted-angular-field-group.mjs.map +1 -0
- package/fesm2022/slotted-angular-field.mjs +928 -0
- package/fesm2022/slotted-angular-field.mjs.map +1 -0
- package/fesm2022/slotted-angular-filter-bar.mjs +3107 -0
- package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -0
- package/fesm2022/slotted-angular-form.mjs +592 -0
- package/fesm2022/slotted-angular-form.mjs.map +1 -0
- package/fesm2022/slotted-angular-fullscreen.mjs +314 -0
- package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -0
- package/fesm2022/slotted-angular-grid.mjs +58 -0
- package/fesm2022/slotted-angular-grid.mjs.map +1 -0
- package/fesm2022/slotted-angular-highlight.mjs +123 -0
- package/fesm2022/slotted-angular-highlight.mjs.map +1 -0
- package/fesm2022/slotted-angular-hover-card.mjs +326 -0
- package/fesm2022/slotted-angular-hover-card.mjs.map +1 -0
- package/fesm2022/slotted-angular-i18n.mjs +75 -0
- package/fesm2022/slotted-angular-i18n.mjs.map +1 -0
- package/fesm2022/slotted-angular-icon.mjs +232 -0
- package/fesm2022/slotted-angular-icon.mjs.map +1 -0
- package/fesm2022/slotted-angular-image.mjs +442 -0
- package/fesm2022/slotted-angular-image.mjs.map +1 -0
- package/fesm2022/slotted-angular-import-export-center.mjs +1792 -0
- package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -0
- package/fesm2022/slotted-angular-inline-message.mjs +280 -0
- package/fesm2022/slotted-angular-inline-message.mjs.map +1 -0
- package/fesm2022/slotted-angular-inline.mjs +52 -0
- package/fesm2022/slotted-angular-inline.mjs.map +1 -0
- package/fesm2022/slotted-angular-kbd.mjs +284 -0
- package/fesm2022/slotted-angular-kbd.mjs.map +1 -0
- package/fesm2022/slotted-angular-link.mjs +182 -0
- package/fesm2022/slotted-angular-link.mjs.map +1 -0
- package/fesm2022/slotted-angular-list-item.mjs +367 -0
- package/fesm2022/slotted-angular-list-item.mjs.map +1 -0
- package/fesm2022/slotted-angular-list.mjs +256 -0
- package/fesm2022/slotted-angular-list.mjs.map +1 -0
- package/fesm2022/slotted-angular-listbox.mjs +1274 -0
- package/fesm2022/slotted-angular-listbox.mjs.map +1 -0
- package/fesm2022/slotted-angular-loading-overlay.mjs +451 -0
- package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -0
- package/fesm2022/slotted-angular-markdown.mjs +914 -0
- package/fesm2022/slotted-angular-markdown.mjs.map +1 -0
- package/fesm2022/slotted-angular-menu.mjs +1211 -0
- package/fesm2022/slotted-angular-menu.mjs.map +1 -0
- package/fesm2022/slotted-angular-menubar.mjs +230 -0
- package/fesm2022/slotted-angular-menubar.mjs.map +1 -0
- package/fesm2022/slotted-angular-message-scroller.mjs +378 -0
- package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -0
- package/fesm2022/slotted-angular-message.mjs +866 -0
- package/fesm2022/slotted-angular-message.mjs.map +1 -0
- package/fesm2022/slotted-angular-multi-select.mjs +1939 -0
- package/fesm2022/slotted-angular-multi-select.mjs.map +1 -0
- package/fesm2022/slotted-angular-navigation-menu.mjs +770 -0
- package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -0
- package/fesm2022/slotted-angular-notification-center.mjs +1172 -0
- package/fesm2022/slotted-angular-notification-center.mjs.map +1 -0
- package/fesm2022/slotted-angular-number-field.mjs +966 -0
- package/fesm2022/slotted-angular-number-field.mjs.map +1 -0
- package/fesm2022/slotted-angular-otp-input.mjs +629 -0
- package/fesm2022/slotted-angular-otp-input.mjs.map +1 -0
- package/fesm2022/slotted-angular-page-header.mjs +788 -0
- package/fesm2022/slotted-angular-page-header.mjs.map +1 -0
- package/fesm2022/slotted-angular-page.mjs +255 -0
- package/fesm2022/slotted-angular-page.mjs.map +1 -0
- package/fesm2022/slotted-angular-pagination.mjs +562 -0
- package/fesm2022/slotted-angular-pagination.mjs.map +1 -0
- package/fesm2022/slotted-angular-popover.mjs +799 -0
- package/fesm2022/slotted-angular-popover.mjs.map +1 -0
- package/fesm2022/slotted-angular-progress-indicator.mjs +572 -0
- package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -0
- package/fesm2022/slotted-angular-prompt-composer.mjs +596 -0
- package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -0
- package/fesm2022/slotted-angular-prose.mjs +314 -0
- package/fesm2022/slotted-angular-prose.mjs.map +1 -0
- package/fesm2022/slotted-angular-radio-group.mjs +469 -0
- package/fesm2022/slotted-angular-radio-group.mjs.map +1 -0
- package/fesm2022/slotted-angular-rating.mjs +1174 -0
- package/fesm2022/slotted-angular-rating.mjs.map +1 -0
- package/fesm2022/slotted-angular-result-state.mjs +330 -0
- package/fesm2022/slotted-angular-result-state.mjs.map +1 -0
- package/fesm2022/slotted-angular-saved-views.mjs +877 -0
- package/fesm2022/slotted-angular-saved-views.mjs.map +1 -0
- package/fesm2022/slotted-angular-scroll-area.mjs +294 -0
- package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -0
- package/fesm2022/slotted-angular-section.mjs +266 -0
- package/fesm2022/slotted-angular-section.mjs.map +1 -0
- package/fesm2022/slotted-angular-segmented-control.mjs +454 -0
- package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -0
- package/fesm2022/slotted-angular-select.mjs +1899 -0
- package/fesm2022/slotted-angular-select.mjs.map +1 -0
- package/fesm2022/slotted-angular-side-navigation.mjs +1042 -0
- package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -0
- package/fesm2022/slotted-angular-skeleton.mjs +316 -0
- package/fesm2022/slotted-angular-skeleton.mjs.map +1 -0
- package/fesm2022/slotted-angular-slider.mjs +586 -0
- package/fesm2022/slotted-angular-slider.mjs.map +1 -0
- package/fesm2022/slotted-angular-sparkline.mjs +235 -0
- package/fesm2022/slotted-angular-sparkline.mjs.map +1 -0
- package/fesm2022/slotted-angular-split-button.mjs +331 -0
- package/fesm2022/slotted-angular-split-button.mjs.map +1 -0
- package/fesm2022/slotted-angular-splitter.mjs +516 -0
- package/fesm2022/slotted-angular-splitter.mjs.map +1 -0
- package/fesm2022/slotted-angular-stack.mjs +48 -0
- package/fesm2022/slotted-angular-stack.mjs.map +1 -0
- package/fesm2022/slotted-angular-stat-card.mjs +478 -0
- package/fesm2022/slotted-angular-stat-card.mjs.map +1 -0
- package/fesm2022/slotted-angular-status-indicator.mjs +155 -0
- package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -0
- package/fesm2022/slotted-angular-stepper.mjs +536 -0
- package/fesm2022/slotted-angular-stepper.mjs.map +1 -0
- package/fesm2022/slotted-angular-switch.mjs +447 -0
- package/fesm2022/slotted-angular-switch.mjs.map +1 -0
- package/fesm2022/slotted-angular-table-of-contents.mjs +750 -0
- package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -0
- package/fesm2022/slotted-angular-table.mjs +2518 -0
- package/fesm2022/slotted-angular-table.mjs.map +1 -0
- package/fesm2022/slotted-angular-tabs.mjs +829 -0
- package/fesm2022/slotted-angular-tabs.mjs.map +1 -0
- package/fesm2022/slotted-angular-tag.mjs +595 -0
- package/fesm2022/slotted-angular-tag.mjs.map +1 -0
- package/fesm2022/slotted-angular-tags-input.mjs +1211 -0
- package/fesm2022/slotted-angular-tags-input.mjs.map +1 -0
- package/fesm2022/slotted-angular-text-field.mjs +674 -0
- package/fesm2022/slotted-angular-text-field.mjs.map +1 -0
- package/fesm2022/slotted-angular-textarea.mjs +275 -0
- package/fesm2022/slotted-angular-textarea.mjs.map +1 -0
- package/fesm2022/slotted-angular-theme.mjs +45 -0
- package/fesm2022/slotted-angular-theme.mjs.map +1 -0
- package/fesm2022/slotted-angular-time-field.mjs +895 -0
- package/fesm2022/slotted-angular-time-field.mjs.map +1 -0
- package/fesm2022/slotted-angular-time-picker.mjs +856 -0
- package/fesm2022/slotted-angular-time-picker.mjs.map +1 -0
- package/fesm2022/slotted-angular-time-range-picker.mjs +1534 -0
- package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -0
- package/fesm2022/slotted-angular-timeline.mjs +928 -0
- package/fesm2022/slotted-angular-timeline.mjs.map +1 -0
- package/fesm2022/slotted-angular-toast.mjs +917 -0
- package/fesm2022/slotted-angular-toast.mjs.map +1 -0
- package/fesm2022/slotted-angular-toggle-group.mjs +311 -0
- package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -0
- package/fesm2022/slotted-angular-toggle.mjs +162 -0
- package/fesm2022/slotted-angular-toggle.mjs.map +1 -0
- package/fesm2022/slotted-angular-toolbar.mjs +536 -0
- package/fesm2022/slotted-angular-toolbar.mjs.map +1 -0
- package/fesm2022/slotted-angular-tooltip.mjs +798 -0
- package/fesm2022/slotted-angular-tooltip.mjs.map +1 -0
- package/fesm2022/slotted-angular-top-navigation.mjs +1308 -0
- package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -0
- package/fesm2022/slotted-angular-tour.mjs +1330 -0
- package/fesm2022/slotted-angular-tour.mjs.map +1 -0
- package/fesm2022/slotted-angular-transfer.mjs +1406 -0
- package/fesm2022/slotted-angular-transfer.mjs.map +1 -0
- package/fesm2022/slotted-angular-tree.mjs +1448 -0
- package/fesm2022/slotted-angular-tree.mjs.map +1 -0
- package/fesm2022/slotted-angular-typography.mjs +184 -0
- package/fesm2022/slotted-angular-typography.mjs.map +1 -0
- package/fesm2022/slotted-angular-upload.mjs +1523 -0
- package/fesm2022/slotted-angular-upload.mjs.map +1 -0
- package/fesm2022/slotted-angular-visually-hidden.mjs +32 -0
- package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -0
- package/fesm2022/slotted-angular-wizard.mjs +1715 -0
- package/fesm2022/slotted-angular-wizard.mjs.map +1 -0
- package/fesm2022/slotted-angular.mjs +4 -0
- package/fesm2022/slotted-angular.mjs.map +1 -0
- package/package.json +537 -3
- package/types/slotted-angular-accordion.d.ts +156 -0
- package/types/slotted-angular-accordion.d.ts.map +1 -0
- package/types/slotted-angular-action-bar.d.ts +291 -0
- package/types/slotted-angular-action-bar.d.ts.map +1 -0
- package/types/slotted-angular-action-sheet.d.ts +294 -0
- package/types/slotted-angular-action-sheet.d.ts.map +1 -0
- package/types/slotted-angular-alert.d.ts +214 -0
- package/types/slotted-angular-alert.d.ts.map +1 -0
- package/types/slotted-angular-app-shell.d.ts +549 -0
- package/types/slotted-angular-app-shell.d.ts.map +1 -0
- package/types/slotted-angular-aspect-ratio.d.ts +57 -0
- package/types/slotted-angular-aspect-ratio.d.ts.map +1 -0
- package/types/slotted-angular-attachment.d.ts +294 -0
- package/types/slotted-angular-attachment.d.ts.map +1 -0
- package/types/slotted-angular-avatar-group.d.ts +119 -0
- package/types/slotted-angular-avatar-group.d.ts.map +1 -0
- package/types/slotted-angular-avatar.d.ts +202 -0
- package/types/slotted-angular-avatar.d.ts.map +1 -0
- package/types/slotted-angular-badge.d.ts +166 -0
- package/types/slotted-angular-badge.d.ts.map +1 -0
- package/types/slotted-angular-breadcrumb.d.ts +251 -0
- package/types/slotted-angular-breadcrumb.d.ts.map +1 -0
- package/types/slotted-angular-button-group.d.ts +89 -0
- package/types/slotted-angular-button-group.d.ts.map +1 -0
- package/types/slotted-angular-button.d.ts +390 -0
- package/types/slotted-angular-button.d.ts.map +1 -0
- package/types/slotted-angular-calendar.d.ts +280 -0
- package/types/slotted-angular-calendar.d.ts.map +1 -0
- package/types/slotted-angular-card.d.ts +140 -0
- package/types/slotted-angular-card.d.ts.map +1 -0
- package/types/slotted-angular-carousel.d.ts +288 -0
- package/types/slotted-angular-carousel.d.ts.map +1 -0
- package/types/slotted-angular-cascader.d.ts +351 -0
- package/types/slotted-angular-cascader.d.ts.map +1 -0
- package/types/slotted-angular-chart.d.ts +319 -0
- package/types/slotted-angular-chart.d.ts.map +1 -0
- package/types/slotted-angular-checkbox-group.d.ts +156 -0
- package/types/slotted-angular-checkbox-group.d.ts.map +1 -0
- package/types/slotted-angular-checkbox.d.ts +197 -0
- package/types/slotted-angular-checkbox.d.ts.map +1 -0
- package/types/slotted-angular-code-block.d.ts +158 -0
- package/types/slotted-angular-code-block.d.ts.map +1 -0
- package/types/slotted-angular-collapsible.d.ts +272 -0
- package/types/slotted-angular-collapsible.d.ts.map +1 -0
- package/types/slotted-angular-color-picker.d.ts +181 -0
- package/types/slotted-angular-color-picker.d.ts.map +1 -0
- package/types/slotted-angular-column-manager.d.ts +200 -0
- package/types/slotted-angular-column-manager.d.ts.map +1 -0
- package/types/slotted-angular-combobox.d.ts +449 -0
- package/types/slotted-angular-combobox.d.ts.map +1 -0
- package/types/slotted-angular-command-palette.d.ts +256 -0
- package/types/slotted-angular-command-palette.d.ts.map +1 -0
- package/types/slotted-angular-container.d.ts +84 -0
- package/types/slotted-angular-container.d.ts.map +1 -0
- package/types/slotted-angular-context-menu.d.ts +84 -0
- package/types/slotted-angular-context-menu.d.ts.map +1 -0
- package/types/slotted-angular-currency-field.d.ts +480 -0
- package/types/slotted-angular-currency-field.d.ts.map +1 -0
- package/types/slotted-angular-dashboard-grid.d.ts +341 -0
- package/types/slotted-angular-dashboard-grid.d.ts.map +1 -0
- package/types/slotted-angular-data-grid.d.ts +1077 -0
- package/types/slotted-angular-data-grid.d.ts.map +1 -0
- package/types/slotted-angular-data-list.d.ts +272 -0
- package/types/slotted-angular-data-list.d.ts.map +1 -0
- package/types/slotted-angular-date-field.d.ts +320 -0
- package/types/slotted-angular-date-field.d.ts.map +1 -0
- package/types/slotted-angular-date-picker.d.ts +224 -0
- package/types/slotted-angular-date-picker.d.ts.map +1 -0
- package/types/slotted-angular-date-range-picker.d.ts +310 -0
- package/types/slotted-angular-date-range-picker.d.ts.map +1 -0
- package/types/slotted-angular-datetime-field.d.ts +362 -0
- package/types/slotted-angular-datetime-field.d.ts.map +1 -0
- package/types/slotted-angular-datetime-picker.d.ts +370 -0
- package/types/slotted-angular-datetime-picker.d.ts.map +1 -0
- package/types/slotted-angular-datetime-range-picker.d.ts +459 -0
- package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -0
- package/types/slotted-angular-description-list.d.ts +281 -0
- package/types/slotted-angular-description-list.d.ts.map +1 -0
- package/types/slotted-angular-detail-panel.d.ts +240 -0
- package/types/slotted-angular-detail-panel.d.ts.map +1 -0
- package/types/slotted-angular-dialog.d.ts +497 -0
- package/types/slotted-angular-dialog.d.ts.map +1 -0
- package/types/slotted-angular-divider.d.ts +40 -0
- package/types/slotted-angular-divider.d.ts.map +1 -0
- package/types/slotted-angular-drawer.d.ts +532 -0
- package/types/slotted-angular-drawer.d.ts.map +1 -0
- package/types/slotted-angular-entity-picker.d.ts +338 -0
- package/types/slotted-angular-entity-picker.d.ts.map +1 -0
- package/types/slotted-angular-event-calendar.d.ts +574 -0
- package/types/slotted-angular-event-calendar.d.ts.map +1 -0
- package/types/slotted-angular-field-group.d.ts +152 -0
- package/types/slotted-angular-field-group.d.ts.map +1 -0
- package/types/slotted-angular-field.d.ts +535 -0
- package/types/slotted-angular-field.d.ts.map +1 -0
- package/types/slotted-angular-filter-bar.d.ts +573 -0
- package/types/slotted-angular-filter-bar.d.ts.map +1 -0
- package/types/slotted-angular-form.d.ts +298 -0
- package/types/slotted-angular-form.d.ts.map +1 -0
- package/types/slotted-angular-fullscreen.d.ts +145 -0
- package/types/slotted-angular-fullscreen.d.ts.map +1 -0
- package/types/slotted-angular-grid.d.ts +50 -0
- package/types/slotted-angular-grid.d.ts.map +1 -0
- package/types/slotted-angular-highlight.d.ts +93 -0
- package/types/slotted-angular-highlight.d.ts.map +1 -0
- package/types/slotted-angular-hover-card.d.ts +140 -0
- package/types/slotted-angular-hover-card.d.ts.map +1 -0
- package/types/slotted-angular-i18n.d.ts +46 -0
- package/types/slotted-angular-i18n.d.ts.map +1 -0
- package/types/slotted-angular-icon.d.ts +94 -0
- package/types/slotted-angular-icon.d.ts.map +1 -0
- package/types/slotted-angular-image.d.ts +251 -0
- package/types/slotted-angular-image.d.ts.map +1 -0
- package/types/slotted-angular-import-export-center.d.ts +351 -0
- package/types/slotted-angular-import-export-center.d.ts.map +1 -0
- package/types/slotted-angular-inline-message.d.ts +195 -0
- package/types/slotted-angular-inline-message.d.ts.map +1 -0
- package/types/slotted-angular-inline.d.ts +41 -0
- package/types/slotted-angular-inline.d.ts.map +1 -0
- package/types/slotted-angular-kbd.d.ts +174 -0
- package/types/slotted-angular-kbd.d.ts.map +1 -0
- package/types/slotted-angular-link.d.ts +94 -0
- package/types/slotted-angular-link.d.ts.map +1 -0
- package/types/slotted-angular-list-item.d.ts +210 -0
- package/types/slotted-angular-list-item.d.ts.map +1 -0
- package/types/slotted-angular-list.d.ts +176 -0
- package/types/slotted-angular-list.d.ts.map +1 -0
- package/types/slotted-angular-listbox.d.ts +470 -0
- package/types/slotted-angular-listbox.d.ts.map +1 -0
- package/types/slotted-angular-loading-overlay.d.ts +219 -0
- package/types/slotted-angular-loading-overlay.d.ts.map +1 -0
- package/types/slotted-angular-markdown.d.ts +172 -0
- package/types/slotted-angular-markdown.d.ts.map +1 -0
- package/types/slotted-angular-menu.d.ts +448 -0
- package/types/slotted-angular-menu.d.ts.map +1 -0
- package/types/slotted-angular-menubar.d.ts +90 -0
- package/types/slotted-angular-menubar.d.ts.map +1 -0
- package/types/slotted-angular-message-scroller.d.ts +151 -0
- package/types/slotted-angular-message-scroller.d.ts.map +1 -0
- package/types/slotted-angular-message.d.ts +348 -0
- package/types/slotted-angular-message.d.ts.map +1 -0
- package/types/slotted-angular-multi-select.d.ts +462 -0
- package/types/slotted-angular-multi-select.d.ts.map +1 -0
- package/types/slotted-angular-navigation-menu.d.ts +309 -0
- package/types/slotted-angular-navigation-menu.d.ts.map +1 -0
- package/types/slotted-angular-notification-center.d.ts +318 -0
- package/types/slotted-angular-notification-center.d.ts.map +1 -0
- package/types/slotted-angular-number-field.d.ts +402 -0
- package/types/slotted-angular-number-field.d.ts.map +1 -0
- package/types/slotted-angular-otp-input.d.ts +286 -0
- package/types/slotted-angular-otp-input.d.ts.map +1 -0
- package/types/slotted-angular-page-header.d.ts +334 -0
- package/types/slotted-angular-page-header.d.ts.map +1 -0
- package/types/slotted-angular-page.d.ts +141 -0
- package/types/slotted-angular-page.d.ts.map +1 -0
- package/types/slotted-angular-pagination.d.ts +213 -0
- package/types/slotted-angular-pagination.d.ts.map +1 -0
- package/types/slotted-angular-popover.d.ts +366 -0
- package/types/slotted-angular-popover.d.ts.map +1 -0
- package/types/slotted-angular-progress-indicator.d.ts +312 -0
- package/types/slotted-angular-progress-indicator.d.ts.map +1 -0
- package/types/slotted-angular-prompt-composer.d.ts +242 -0
- package/types/slotted-angular-prompt-composer.d.ts.map +1 -0
- package/types/slotted-angular-prose.d.ts +171 -0
- package/types/slotted-angular-prose.d.ts.map +1 -0
- package/types/slotted-angular-radio-group.d.ts +268 -0
- package/types/slotted-angular-radio-group.d.ts.map +1 -0
- package/types/slotted-angular-rating.d.ts +374 -0
- package/types/slotted-angular-rating.d.ts.map +1 -0
- package/types/slotted-angular-result-state.d.ts +217 -0
- package/types/slotted-angular-result-state.d.ts.map +1 -0
- package/types/slotted-angular-saved-views.d.ts +198 -0
- package/types/slotted-angular-saved-views.d.ts.map +1 -0
- package/types/slotted-angular-scroll-area.d.ts +186 -0
- package/types/slotted-angular-scroll-area.d.ts.map +1 -0
- package/types/slotted-angular-section.d.ts +143 -0
- package/types/slotted-angular-section.d.ts.map +1 -0
- package/types/slotted-angular-segmented-control.d.ts +251 -0
- package/types/slotted-angular-segmented-control.d.ts.map +1 -0
- package/types/slotted-angular-select.d.ts +507 -0
- package/types/slotted-angular-select.d.ts.map +1 -0
- package/types/slotted-angular-side-navigation.d.ts +373 -0
- package/types/slotted-angular-side-navigation.d.ts.map +1 -0
- package/types/slotted-angular-skeleton.d.ts +198 -0
- package/types/slotted-angular-skeleton.d.ts.map +1 -0
- package/types/slotted-angular-slider.d.ts +216 -0
- package/types/slotted-angular-slider.d.ts.map +1 -0
- package/types/slotted-angular-sparkline.d.ts +106 -0
- package/types/slotted-angular-sparkline.d.ts.map +1 -0
- package/types/slotted-angular-split-button.d.ts +180 -0
- package/types/slotted-angular-split-button.d.ts.map +1 -0
- package/types/slotted-angular-splitter.d.ts +206 -0
- package/types/slotted-angular-splitter.d.ts.map +1 -0
- package/types/slotted-angular-stack.d.ts +38 -0
- package/types/slotted-angular-stack.d.ts.map +1 -0
- package/types/slotted-angular-stat-card.d.ts +232 -0
- package/types/slotted-angular-stat-card.d.ts.map +1 -0
- package/types/slotted-angular-status-indicator.d.ts +106 -0
- package/types/slotted-angular-status-indicator.d.ts.map +1 -0
- package/types/slotted-angular-stepper.d.ts +198 -0
- package/types/slotted-angular-stepper.d.ts.map +1 -0
- package/types/slotted-angular-switch.d.ts +243 -0
- package/types/slotted-angular-switch.d.ts.map +1 -0
- package/types/slotted-angular-table-of-contents.d.ts +210 -0
- package/types/slotted-angular-table-of-contents.d.ts.map +1 -0
- package/types/slotted-angular-table.d.ts +888 -0
- package/types/slotted-angular-table.d.ts.map +1 -0
- package/types/slotted-angular-tabs.d.ts +340 -0
- package/types/slotted-angular-tabs.d.ts.map +1 -0
- package/types/slotted-angular-tag.d.ts +279 -0
- package/types/slotted-angular-tag.d.ts.map +1 -0
- package/types/slotted-angular-tags-input.d.ts +302 -0
- package/types/slotted-angular-tags-input.d.ts.map +1 -0
- package/types/slotted-angular-text-field.d.ts +334 -0
- package/types/slotted-angular-text-field.d.ts.map +1 -0
- package/types/slotted-angular-textarea.d.ts +150 -0
- package/types/slotted-angular-textarea.d.ts.map +1 -0
- package/types/slotted-angular-theme.d.ts +26 -0
- package/types/slotted-angular-theme.d.ts.map +1 -0
- package/types/slotted-angular-time-field.d.ts +300 -0
- package/types/slotted-angular-time-field.d.ts.map +1 -0
- package/types/slotted-angular-time-picker.d.ts +260 -0
- package/types/slotted-angular-time-picker.d.ts.map +1 -0
- package/types/slotted-angular-time-range-picker.d.ts +401 -0
- package/types/slotted-angular-time-range-picker.d.ts.map +1 -0
- package/types/slotted-angular-timeline.d.ts +329 -0
- package/types/slotted-angular-timeline.d.ts.map +1 -0
- package/types/slotted-angular-toast.d.ts +340 -0
- package/types/slotted-angular-toast.d.ts.map +1 -0
- package/types/slotted-angular-toggle-group.d.ts +167 -0
- package/types/slotted-angular-toggle-group.d.ts.map +1 -0
- package/types/slotted-angular-toggle.d.ts +106 -0
- package/types/slotted-angular-toggle.d.ts.map +1 -0
- package/types/slotted-angular-toolbar.d.ts +252 -0
- package/types/slotted-angular-toolbar.d.ts.map +1 -0
- package/types/slotted-angular-tooltip.d.ts +388 -0
- package/types/slotted-angular-tooltip.d.ts.map +1 -0
- package/types/slotted-angular-top-navigation.d.ts +442 -0
- package/types/slotted-angular-top-navigation.d.ts.map +1 -0
- package/types/slotted-angular-tour.d.ts +440 -0
- package/types/slotted-angular-tour.d.ts.map +1 -0
- package/types/slotted-angular-transfer.d.ts +296 -0
- package/types/slotted-angular-transfer.d.ts.map +1 -0
- package/types/slotted-angular-tree.d.ts +499 -0
- package/types/slotted-angular-tree.d.ts.map +1 -0
- package/types/slotted-angular-typography.d.ts +89 -0
- package/types/slotted-angular-typography.d.ts.map +1 -0
- package/types/slotted-angular-upload.d.ts +365 -0
- package/types/slotted-angular-upload.d.ts.map +1 -0
- package/types/slotted-angular-visually-hidden.d.ts +19 -0
- package/types/slotted-angular-visually-hidden.d.ts.map +1 -0
- package/types/slotted-angular-wizard.d.ts +441 -0
- package/types/slotted-angular-wizard.d.ts.map +1 -0
- package/types/slotted-angular.d.ts +3 -0
- package/types/slotted-angular.d.ts.map +1 -0
|
@@ -0,0 +1,499 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { InjectionToken, Signal, TemplateRef } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
|
|
4
|
+
import { ChangeRequest } from '@slotted/core/state';
|
|
5
|
+
|
|
6
|
+
/** The type step the tree and every row inside it sit at. */
|
|
7
|
+
type TreeSize = 'sm' | 'md' | 'lg';
|
|
8
|
+
/**
|
|
9
|
+
* Whether the tree draws its own box. `framed` is the standalone control;
|
|
10
|
+
* `plain` is what a panel that already has an edge renders inside itself.
|
|
11
|
+
*/
|
|
12
|
+
type TreeVariant = 'plain' | 'framed';
|
|
13
|
+
/** How many nodes may be chosen at once. */
|
|
14
|
+
type TreeSelectionMode = 'none' | 'single' | 'multiple';
|
|
15
|
+
/**
|
|
16
|
+
* Which of the two models the pattern offers is in force. `toggle` is the
|
|
17
|
+
* recommended one and holds no modifier; `replace` is the alternative.
|
|
18
|
+
*/
|
|
19
|
+
type TreeSelectionBehavior = 'toggle' | 'replace';
|
|
20
|
+
/**
|
|
21
|
+
* How the selection is drawn, and which attribute states it. The pattern allows
|
|
22
|
+
* `aria-selected` or `aria-checked` and never both; `auto` reads the mode
|
|
23
|
+
* beside it, which is the convention the pattern's own note recommends.
|
|
24
|
+
*/
|
|
25
|
+
type TreeSelectionIndicator = 'auto' | 'highlight' | 'checkbox' | 'none';
|
|
26
|
+
/** Whether pressing a branch takes its descendants with it. */
|
|
27
|
+
type TreeSelectionCascade = 'none' | 'descendants';
|
|
28
|
+
/** What a press on the row does to a branch. */
|
|
29
|
+
type TreeExpandOn = 'row' | 'expander';
|
|
30
|
+
/**
|
|
31
|
+
* How the keyboard's position is expressed. `auto` reads one fact — whether the
|
|
32
|
+
* set is windowed — and answers `activedescendant` when it is, because a roving
|
|
33
|
+
* tab stop cannot survive its own element being recycled.
|
|
34
|
+
*/
|
|
35
|
+
type TreeFocusMode = 'auto' | 'roving' | 'activedescendant';
|
|
36
|
+
/**
|
|
37
|
+
* Whether the nodes are nested in `role="group"` elements or laid flat with
|
|
38
|
+
* their level stated. A window renders a slice and a slice cannot preserve
|
|
39
|
+
* nesting, so `auto` answers `flat` while windowed.
|
|
40
|
+
*/
|
|
41
|
+
type TreeStructure = 'auto' | 'nested' | 'flat';
|
|
42
|
+
/** Where `scrollToKey` puts the node it reveals. */
|
|
43
|
+
type TreeAlignment = 'start' | 'center' | 'end' | 'nearest';
|
|
44
|
+
interface TreeDefaults {
|
|
45
|
+
disallowEmptySelection: boolean;
|
|
46
|
+
disallowSelectAll: boolean;
|
|
47
|
+
expandOn: TreeExpandOn;
|
|
48
|
+
focusMode: TreeFocusMode;
|
|
49
|
+
guides: boolean;
|
|
50
|
+
itemSize: number;
|
|
51
|
+
loop: boolean;
|
|
52
|
+
navigateDisabled: boolean;
|
|
53
|
+
overscan: number;
|
|
54
|
+
pageSize: number;
|
|
55
|
+
selectOnFocus: boolean;
|
|
56
|
+
selectionBehavior: TreeSelectionBehavior;
|
|
57
|
+
selectionCascade: TreeSelectionCascade;
|
|
58
|
+
selectionIndicator: TreeSelectionIndicator;
|
|
59
|
+
selectionMode: TreeSelectionMode;
|
|
60
|
+
size: TreeSize;
|
|
61
|
+
structure: TreeStructure;
|
|
62
|
+
typeahead: boolean;
|
|
63
|
+
typeaheadTimeout: number;
|
|
64
|
+
variant: TreeVariant;
|
|
65
|
+
virtual: boolean;
|
|
66
|
+
}
|
|
67
|
+
declare const TREE_DEFAULTS: InjectionToken<TreeDefaults>;
|
|
68
|
+
/**
|
|
69
|
+
* An application decides once how its trees behave, rather than repeating
|
|
70
|
+
* twenty inputs on every hierarchy in a product. A tree that states any of them
|
|
71
|
+
* itself still wins: an explicit input is never overridden by the token.
|
|
72
|
+
*/
|
|
73
|
+
declare function provideTreeDefaults(defaults: Partial<TreeDefaults>): {
|
|
74
|
+
provide: InjectionToken<TreeDefaults>;
|
|
75
|
+
useFactory: () => TreeDefaults;
|
|
76
|
+
};
|
|
77
|
+
/** What a tree behaves as here, before it states anything of its own. */
|
|
78
|
+
declare function injectTreeDefaults(): TreeDefaults;
|
|
79
|
+
/**
|
|
80
|
+
* `aria-activedescendant` names a node by its id, and a node's own label names
|
|
81
|
+
* the node, so every node needs two ids and the same strings have to be
|
|
82
|
+
* produced on the server and in the browser. A counter held by the injector
|
|
83
|
+
* produces them; `Math.random` would not match for hydration.
|
|
84
|
+
*/
|
|
85
|
+
declare class SlTreeIdFactory {
|
|
86
|
+
private count;
|
|
87
|
+
next(): string;
|
|
88
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlTreeIdFactory, never>;
|
|
89
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
/**
|
|
93
|
+
* What a part asks the tree around it.
|
|
94
|
+
*
|
|
95
|
+
* It is an abstract class rather than an interface so it can be the injection
|
|
96
|
+
* token as well as the type, and it exists in a file of its own so the parts do
|
|
97
|
+
* not import the component that renders them: the component's own template
|
|
98
|
+
* applies the node component, and a direct import each way is a cycle.
|
|
99
|
+
*/
|
|
100
|
+
declare abstract class SlTreeContext {
|
|
101
|
+
abstract readonly indicatorMode: Signal<Exclude<TreeSelectionIndicator, 'auto'>>;
|
|
102
|
+
abstract readonly selection: Signal<TreeSelectionMode>;
|
|
103
|
+
abstract readonly expandOnRow: Signal<TreeExpandOn>;
|
|
104
|
+
abstract readonly treeDisabled: Signal<boolean>;
|
|
105
|
+
abstract readonly showGuides: Signal<boolean>;
|
|
106
|
+
/** Whether this key is chosen. */
|
|
107
|
+
abstract isSelected(key: string): boolean;
|
|
108
|
+
/** Whether this branch is open. */
|
|
109
|
+
abstract isExpanded(key: string): boolean;
|
|
110
|
+
/** Whether this key is the one the keyboard is on. */
|
|
111
|
+
abstract isActive(key: string): boolean;
|
|
112
|
+
/** Whether this branch holds part of a selection and not the whole of it. */
|
|
113
|
+
abstract isIndeterminate(key: string): boolean;
|
|
114
|
+
/** Whether this collapsed branch holds a chosen descendant. */
|
|
115
|
+
abstract holdsSelection(key: string): boolean;
|
|
116
|
+
/** The id a node carries, so `aria-activedescendant` can name it. */
|
|
117
|
+
abstract nodeId(key: string): string;
|
|
118
|
+
/** The id of the node's own label, which is what names the node. */
|
|
119
|
+
abstract labelId(key: string): string;
|
|
120
|
+
/** The tab stop under the roving model, and `null` under the other one. */
|
|
121
|
+
abstract nodeTabIndex(key: string): number | null;
|
|
122
|
+
/**
|
|
123
|
+
* The level, the size of the sibling group and the place in it. All three are
|
|
124
|
+
* `null` unless the flat structure is in force, which is exactly when the
|
|
125
|
+
* pattern requires them: with the nesting in the DOM the browser computes
|
|
126
|
+
* them itself.
|
|
127
|
+
*/
|
|
128
|
+
abstract levelOf(key: string): number | null;
|
|
129
|
+
abstract setSizeOf(key: string): number | null;
|
|
130
|
+
abstract posInSetOf(key: string): number | null;
|
|
131
|
+
/** A press on a row, with the modifiers it was pressed with. */
|
|
132
|
+
abstract press(key: string, event: MouseEvent): void;
|
|
133
|
+
/** A press on the chevron, which only ever opens or closes. */
|
|
134
|
+
abstract pressExpander(key: string, event: MouseEvent): void;
|
|
135
|
+
/** A press on the box, which only ever selects. */
|
|
136
|
+
abstract pressIndicator(key: string, event: MouseEvent): void;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
/**
|
|
140
|
+
* What the tree holds: one key in `single` and `none`, a set of them in
|
|
141
|
+
* `multiple`. The shape `listbox` settled, for the same reason.
|
|
142
|
+
*/
|
|
143
|
+
type TreeValue = string | readonly string[] | null;
|
|
144
|
+
type TreeChangeRequest = ChangeRequest<TreeValue>;
|
|
145
|
+
type TreeExpansionRequest = ChangeRequest<readonly string[]>;
|
|
146
|
+
type TreeActiveRequest = ChangeRequest<string | null>;
|
|
147
|
+
/** One row of the render plan the template walks. */
|
|
148
|
+
interface PlanNode {
|
|
149
|
+
key: string;
|
|
150
|
+
item: unknown;
|
|
151
|
+
label: string;
|
|
152
|
+
level: number;
|
|
153
|
+
disabled: boolean;
|
|
154
|
+
branch: boolean;
|
|
155
|
+
loading: boolean;
|
|
156
|
+
match: 'hit' | 'ancestor' | undefined;
|
|
157
|
+
/** Where a pinned row sits on the canvas, or `undefined` for one in flow. */
|
|
158
|
+
offset: number | undefined;
|
|
159
|
+
children: PlanNode[];
|
|
160
|
+
}
|
|
161
|
+
/**
|
|
162
|
+
* A hierarchy the reader opens, walks and chooses from.
|
|
163
|
+
*
|
|
164
|
+
* ── Where the visible list comes from ───────────────────────────────────
|
|
165
|
+
*
|
|
166
|
+
* From the DOM, in document order, which is the flattening a tree would
|
|
167
|
+
* otherwise have to keep in step with the expanded set. A collapsed branch
|
|
168
|
+
* renders no group and therefore contributes no rows, so what the keyboard
|
|
169
|
+
* counts and what the reader sees cannot disagree.
|
|
170
|
+
*
|
|
171
|
+
* `nodes` is a second thing and not a replacement: it is the hierarchy the tree
|
|
172
|
+
* holds, and it answers the three questions the DOM cannot — what is under a
|
|
173
|
+
* branch that is closed, which a cascade needs; what every branch is, which
|
|
174
|
+
* `expandAll` opens; and what matches a query, whose ancestors the filter
|
|
175
|
+
* keeps.
|
|
176
|
+
*
|
|
177
|
+
* ── Three mutable values ────────────────────────────────────────────────
|
|
178
|
+
*
|
|
179
|
+
* The pattern is explicit that focus and selection are two: "DOM focus (the
|
|
180
|
+
* active element) is functionally distinct from the selected state". Expansion
|
|
181
|
+
* is the third and belongs to neither.
|
|
182
|
+
*/
|
|
183
|
+
declare class SlTree implements SlTreeContext, ControlValueAccessor, Validator {
|
|
184
|
+
readonly value: _angular_core.ModelSignal<TreeValue>;
|
|
185
|
+
readonly expandedKeys: _angular_core.ModelSignal<readonly string[]>;
|
|
186
|
+
readonly activeKey: _angular_core.ModelSignal<string | null>;
|
|
187
|
+
/** The request behind each move, carrying the reason a boolean cannot say. */
|
|
188
|
+
readonly valueRequest: _angular_core.OutputEmitterRef<TreeChangeRequest>;
|
|
189
|
+
readonly expandedKeysRequest: _angular_core.OutputEmitterRef<TreeExpansionRequest>;
|
|
190
|
+
readonly activeKeyRequest: _angular_core.OutputEmitterRef<TreeActiveRequest>;
|
|
191
|
+
/** A node was activated: pressed, or `Enter` on the keyboard. */
|
|
192
|
+
readonly nodeActivate: _angular_core.OutputEmitterRef<{
|
|
193
|
+
key: string;
|
|
194
|
+
reason: "pointer" | "keyboard";
|
|
195
|
+
}>;
|
|
196
|
+
private readonly defaults;
|
|
197
|
+
readonly size: _angular_core.InputSignal<TreeSize>;
|
|
198
|
+
readonly variant: _angular_core.InputSignal<TreeVariant>;
|
|
199
|
+
readonly structure: _angular_core.InputSignal<TreeStructure>;
|
|
200
|
+
readonly selectionMode: _angular_core.InputSignal<TreeSelectionMode>;
|
|
201
|
+
readonly selectionBehavior: _angular_core.InputSignal<TreeSelectionBehavior>;
|
|
202
|
+
readonly selectionIndicator: _angular_core.InputSignal<TreeSelectionIndicator>;
|
|
203
|
+
readonly selectionCascade: _angular_core.InputSignal<TreeSelectionCascade>;
|
|
204
|
+
readonly expandOn: _angular_core.InputSignal<TreeExpandOn>;
|
|
205
|
+
readonly focusMode: _angular_core.InputSignal<TreeFocusMode>;
|
|
206
|
+
readonly guides: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
207
|
+
readonly loop: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
208
|
+
readonly typeahead: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
209
|
+
readonly typeaheadTimeout: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
210
|
+
readonly selectOnFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
211
|
+
readonly navigateDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
212
|
+
readonly disallowEmptySelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
213
|
+
readonly disallowSelectAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
214
|
+
readonly pageSize: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
215
|
+
readonly virtual: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
216
|
+
readonly itemSize: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
217
|
+
readonly overscan: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
218
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
219
|
+
readonly readOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
220
|
+
readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
221
|
+
readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
222
|
+
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
223
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
224
|
+
readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
|
|
225
|
+
readonly nodes: _angular_core.InputSignal<readonly unknown[] | undefined>;
|
|
226
|
+
readonly getKey: _angular_core.InputSignal<((node: never) => string) | undefined>;
|
|
227
|
+
readonly getLabel: _angular_core.InputSignal<((node: never) => string) | undefined>;
|
|
228
|
+
readonly getChildren: _angular_core.InputSignal<((node: never) => readonly unknown[] | undefined) | undefined>;
|
|
229
|
+
readonly getLevel: _angular_core.InputSignal<((node: never) => number) | undefined>;
|
|
230
|
+
readonly hasChildren: _angular_core.InputSignal<((node: never) => boolean) | undefined>;
|
|
231
|
+
readonly getChildrenCount: _angular_core.InputSignal<((node: never) => number | undefined) | undefined>;
|
|
232
|
+
readonly isNodeDisabled: _angular_core.InputSignal<((node: never) => boolean) | undefined>;
|
|
233
|
+
readonly isNodeLoading: _angular_core.InputSignal<((node: never) => boolean) | undefined>;
|
|
234
|
+
/**
|
|
235
|
+
* A query the tree filters by. The consumer owns the string and the control
|
|
236
|
+
* it is typed into; the tree keeps the ancestors of every hit.
|
|
237
|
+
*/
|
|
238
|
+
readonly query: _angular_core.InputSignal<string | undefined>;
|
|
239
|
+
/** The row's content, re-rendered per node rather than projected once. */
|
|
240
|
+
protected readonly nodeContent: _angular_core.Signal<TemplateRef<unknown> | undefined>;
|
|
241
|
+
private readonly host;
|
|
242
|
+
private readonly ids;
|
|
243
|
+
private readonly base;
|
|
244
|
+
private readonly typeaheadHandle;
|
|
245
|
+
constructor();
|
|
246
|
+
private measure;
|
|
247
|
+
readonly selection: _angular_core.Signal<TreeSelectionMode>;
|
|
248
|
+
readonly treeDisabled: _angular_core.Signal<boolean>;
|
|
249
|
+
readonly showGuides: _angular_core.Signal<boolean>;
|
|
250
|
+
readonly expandOnRow: _angular_core.Signal<TreeExpandOn>;
|
|
251
|
+
/**
|
|
252
|
+
* `auto` reads the mode beside it: a box for a set the reader ticks, a
|
|
253
|
+
* highlight for the one thing they chose, and neither when nothing is
|
|
254
|
+
* selectable. The pattern's own note recommends exactly this convention.
|
|
255
|
+
*/
|
|
256
|
+
readonly indicatorMode: _angular_core.Signal<"none" | "highlight" | "checkbox">;
|
|
257
|
+
/**
|
|
258
|
+
* The flat shape is the windowed one, and it is the handed collection's
|
|
259
|
+
* alone: a slice of rows cannot preserve nesting, and a node written in a
|
|
260
|
+
* template cannot render its children as its own siblings.
|
|
261
|
+
*/
|
|
262
|
+
protected readonly structureMode: _angular_core.Signal<"nested" | "flat">;
|
|
263
|
+
protected readonly mode: _angular_core.Signal<"roving" | "activedescendant">;
|
|
264
|
+
private readonly collection;
|
|
265
|
+
private readonly selected;
|
|
266
|
+
private readonly filtered;
|
|
267
|
+
private readonly viewportSize;
|
|
268
|
+
private readonly scrollOffset;
|
|
269
|
+
private readonly visible;
|
|
270
|
+
private readonly windowed;
|
|
271
|
+
private readonly slice;
|
|
272
|
+
protected readonly canvasSize: _angular_core.Signal<string | null>;
|
|
273
|
+
protected readonly canvasOffset: _angular_core.Signal<string | null>;
|
|
274
|
+
protected onScroll(): void;
|
|
275
|
+
protected readonly plan: _angular_core.Signal<PlanNode[]>;
|
|
276
|
+
protected readonly holdsNothing: _angular_core.Signal<boolean>;
|
|
277
|
+
private readonly positions;
|
|
278
|
+
private readonly indeterminateSet;
|
|
279
|
+
isSelected(key: string): boolean;
|
|
280
|
+
/**
|
|
281
|
+
* A branch the reader opened, or one a query is holding open.
|
|
282
|
+
*
|
|
283
|
+
* A filter that asked for the expansion instead would move the reader's own
|
|
284
|
+
* set and have to put it back when the query emptied, and a reader who
|
|
285
|
+
* cleared a search would find branches open that they never opened. Holding
|
|
286
|
+
* the path open for as long as the query lasts keeps the set the reader owns
|
|
287
|
+
* untouched, and keeps `aria-expanded` telling the truth about what is on
|
|
288
|
+
* screen.
|
|
289
|
+
*/
|
|
290
|
+
isExpanded(key: string): boolean;
|
|
291
|
+
isActive(key: string): boolean;
|
|
292
|
+
isIndeterminate(key: string): boolean;
|
|
293
|
+
holdsSelection(key: string): boolean;
|
|
294
|
+
nodeId(key: string): string;
|
|
295
|
+
labelId(key: string): string;
|
|
296
|
+
nodeTabIndex(key: string): 0 | -1 | null;
|
|
297
|
+
levelOf(key: string): number | null;
|
|
298
|
+
setSizeOf(key: string): number | null;
|
|
299
|
+
posInSetOf(key: string): number | null;
|
|
300
|
+
protected readonly activeDescendant: _angular_core.Signal<string | null>;
|
|
301
|
+
protected readonly canvasTabIndex: _angular_core.Signal<0 | -1>;
|
|
302
|
+
private canvas;
|
|
303
|
+
private readRows;
|
|
304
|
+
private parentOf;
|
|
305
|
+
private renderedDescendants;
|
|
306
|
+
private anchor;
|
|
307
|
+
private requestValue;
|
|
308
|
+
private requestExpanded;
|
|
309
|
+
private requestActive;
|
|
310
|
+
private setExpanded;
|
|
311
|
+
private applySelection;
|
|
312
|
+
press(key: string, event: MouseEvent): void;
|
|
313
|
+
pressExpander(key: string, event: MouseEvent): void;
|
|
314
|
+
pressIndicator(key: string, event: MouseEvent): void;
|
|
315
|
+
private moveTo;
|
|
316
|
+
private move;
|
|
317
|
+
protected onKeyDown(event: KeyboardEvent): void;
|
|
318
|
+
protected onFocusIn(event: FocusEvent): void;
|
|
319
|
+
focus(): void;
|
|
320
|
+
expand(key: string): void;
|
|
321
|
+
collapse(key: string): void;
|
|
322
|
+
expandAll(): void;
|
|
323
|
+
collapseAll(): void;
|
|
324
|
+
scrollToKey(key: string, align?: TreeAlignment): void;
|
|
325
|
+
private readonly formDisabled;
|
|
326
|
+
private onChange;
|
|
327
|
+
private onTouched;
|
|
328
|
+
writeValue(value: TreeValue): void;
|
|
329
|
+
registerOnChange(fn: (value: TreeValue) => void): void;
|
|
330
|
+
registerOnTouched(fn: () => void): void;
|
|
331
|
+
setDisabledState(state: boolean): void;
|
|
332
|
+
/**
|
|
333
|
+
* The family owns validity only for `required`, which is the one rule it can
|
|
334
|
+
* decide from the value alone: everything else about a hierarchy is the
|
|
335
|
+
* consumer's own.
|
|
336
|
+
*/
|
|
337
|
+
validate(control: AbstractControl): ValidationErrors | null;
|
|
338
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlTree, never>;
|
|
339
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlTree, "[slTree]", ["slTree"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "expandedKeys": { "alias": "expandedKeys"; "required": false; "isSignal": true; }; "activeKey": { "alias": "activeKey"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "structure": { "alias": "structure"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "selectionIndicator": { "alias": "selectionIndicator"; "required": false; "isSignal": true; }; "selectionCascade": { "alias": "selectionCascade"; "required": false; "isSignal": true; }; "expandOn": { "alias": "expandOn"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "guides": { "alias": "guides"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "typeahead": { "alias": "typeahead"; "required": false; "isSignal": true; }; "typeaheadTimeout": { "alias": "typeaheadTimeout"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "navigateDisabled": { "alias": "navigateDisabled"; "required": false; "isSignal": true; }; "disallowEmptySelection": { "alias": "disallowEmptySelection"; "required": false; "isSignal": true; }; "disallowSelectAll": { "alias": "disallowSelectAll"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "virtual": { "alias": "virtual"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "overscan": { "alias": "overscan"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "getKey": { "alias": "getKey"; "required": false; "isSignal": true; }; "getLabel": { "alias": "getLabel"; "required": false; "isSignal": true; }; "getChildren": { "alias": "getChildren"; "required": false; "isSignal": true; }; "getLevel": { "alias": "getLevel"; "required": false; "isSignal": true; }; "hasChildren": { "alias": "hasChildren"; "required": false; "isSignal": true; }; "getChildrenCount": { "alias": "getChildrenCount"; "required": false; "isSignal": true; }; "isNodeDisabled": { "alias": "isNodeDisabled"; "required": false; "isSignal": true; }; "isNodeLoading": { "alias": "isNodeLoading"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "expandedKeys": "expandedKeysChange"; "activeKey": "activeKeyChange"; "valueRequest": "valueRequest"; "expandedKeysRequest": "expandedKeysRequest"; "activeKeyRequest": "activeKeyRequest"; "nodeActivate": "nodeActivate"; }, ["nodeContent"], ["*", "[slTreeEmpty]"], true, never>;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
/**
|
|
343
|
+
* One node, and the facts the tree reads back off it.
|
|
344
|
+
*
|
|
345
|
+
* The visible collection is read from the DOM rather than from a registry, as
|
|
346
|
+
* `listbox` and `menu` already do: document order is reading order, a collapsed
|
|
347
|
+
* branch renders no group and therefore contributes no rows, and nothing has to
|
|
348
|
+
* be registered, unregistered or ordered by mount time. The flattening a tree
|
|
349
|
+
* would otherwise need is the browser's own.
|
|
350
|
+
*
|
|
351
|
+
* `aria-disabled` and never the native attribute: the pattern needs a disabled
|
|
352
|
+
* node to keep its place in the set, and `navigateDisabled` is what decides
|
|
353
|
+
* whether the arrows land on it.
|
|
354
|
+
*/
|
|
355
|
+
declare class SlTreeNode {
|
|
356
|
+
/** The key this node selects and expands by. */
|
|
357
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
358
|
+
/** The node's name, when it is a plain string. */
|
|
359
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
360
|
+
/**
|
|
361
|
+
* Whether this node has children that have not been rendered yet. A branch
|
|
362
|
+
* says so before it can prove it, which is what makes lazy loading possible.
|
|
363
|
+
*/
|
|
364
|
+
readonly hasChildren: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
365
|
+
/** Whether the children are on their way. Writes `aria-busy` on the group. */
|
|
366
|
+
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
367
|
+
/** Unstated rather than `false`, so the node defers to the tree. */
|
|
368
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | undefined>;
|
|
369
|
+
/**
|
|
370
|
+
* What typeahead matches and what a reader hears. Defaults to the label's own
|
|
371
|
+
* text, which is wrong exactly when the label holds a mark or a number.
|
|
372
|
+
*/
|
|
373
|
+
readonly textValue: _angular_core.InputSignal<string | undefined>;
|
|
374
|
+
/** Whether a query matched this node's own name or one below it. */
|
|
375
|
+
readonly match: _angular_core.InputSignal<"hit" | "ancestor" | undefined>;
|
|
376
|
+
/**
|
|
377
|
+
* Rendered at its own place on the canvas whether or not the window covers
|
|
378
|
+
* it. The tree pins the active node and the range anchor; nothing else sets
|
|
379
|
+
* it, because an `aria-activedescendant` whose target has been recycled names
|
|
380
|
+
* an id that is not in the document.
|
|
381
|
+
*/
|
|
382
|
+
readonly pinned: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
383
|
+
/** Where the node sits on the canvas, in pixels. Windowed rows only. */
|
|
384
|
+
readonly offset: _angular_core.InputSignalWithTransform<number | undefined, string | number | undefined>;
|
|
385
|
+
/**
|
|
386
|
+
* How deep the node sits, stated only by the flat shape. Everywhere else the
|
|
387
|
+
* markup says it: a node inside another is one level deeper, and the number
|
|
388
|
+
* is a fact about the tree rather than one more thing a consumer can get
|
|
389
|
+
* wrong.
|
|
390
|
+
*/
|
|
391
|
+
readonly level: _angular_core.InputSignalWithTransform<number | undefined, string | number | undefined>;
|
|
392
|
+
protected readonly tree: SlTreeContext;
|
|
393
|
+
/**
|
|
394
|
+
* The node this one is written inside, found through the element injector
|
|
395
|
+
* rather than through a context signal: projected content keeps the injector
|
|
396
|
+
* of the place it was declared, which is exactly the nesting the depth is
|
|
397
|
+
* counted from.
|
|
398
|
+
*/
|
|
399
|
+
private readonly parent;
|
|
400
|
+
private readonly host;
|
|
401
|
+
/**
|
|
402
|
+
* The nodes this one is rendered inside, counted in the document once it is
|
|
403
|
+
* attached. A template that calls itself declares every instance at the root,
|
|
404
|
+
* so the injector finds no parent for any of them and the whole tree would
|
|
405
|
+
* draw flat; the document still nests them, and so does the level the
|
|
406
|
+
* platform reports.
|
|
407
|
+
*/
|
|
408
|
+
private readonly renderedDepth;
|
|
409
|
+
/**
|
|
410
|
+
* The nodes written inside this one. Angular creates projected content with
|
|
411
|
+
* the parent's own view and only decides where to place it, so the query
|
|
412
|
+
* answers a branch that is closed and whose group is therefore not rendered —
|
|
413
|
+
* which is what keeps a collapsed branch a branch.
|
|
414
|
+
*/
|
|
415
|
+
private readonly childNodes;
|
|
416
|
+
/** A branch is a node that holds children or says it will. */
|
|
417
|
+
protected readonly branch: Signal<boolean>;
|
|
418
|
+
/**
|
|
419
|
+
* Annotated rather than inferred: the depth of a node reads the depth of the
|
|
420
|
+
* node it is written inside, and an inferred type would be defined in terms
|
|
421
|
+
* of itself.
|
|
422
|
+
*/
|
|
423
|
+
readonly depth: Signal<number>;
|
|
424
|
+
protected readonly expanded: Signal<boolean>;
|
|
425
|
+
protected readonly selected: Signal<boolean>;
|
|
426
|
+
protected readonly indeterminate: Signal<boolean>;
|
|
427
|
+
protected readonly holdsSelection: Signal<boolean>;
|
|
428
|
+
protected readonly current: Signal<boolean>;
|
|
429
|
+
protected readonly id: Signal<string>;
|
|
430
|
+
protected readonly labelId: Signal<string>;
|
|
431
|
+
protected readonly resolvedDisabled: Signal<boolean>;
|
|
432
|
+
protected readonly ariaExpanded: Signal<"true" | "false" | null>;
|
|
433
|
+
private readonly chosen;
|
|
434
|
+
protected readonly ariaSelected: Signal<"true" | "false" | null>;
|
|
435
|
+
protected readonly ariaChecked: Signal<"true" | "false" | null>;
|
|
436
|
+
/**
|
|
437
|
+
* The level the node reports is the tree's answer and not the depth it was
|
|
438
|
+
* handed: the depth places the row, and the property is written only where
|
|
439
|
+
* the nesting no longer says it.
|
|
440
|
+
*/
|
|
441
|
+
protected readonly levelAttr: Signal<number | null>;
|
|
442
|
+
protected readonly setSize: Signal<number | null>;
|
|
443
|
+
protected readonly posInSet: Signal<number | null>;
|
|
444
|
+
protected readonly tabIndex: Signal<number | null>;
|
|
445
|
+
constructor();
|
|
446
|
+
protected onRowClick(event: MouseEvent): void;
|
|
447
|
+
protected onExpanderClick(event: MouseEvent): void;
|
|
448
|
+
protected onIndicatorClick(event: MouseEvent): void;
|
|
449
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlTreeNode, never>;
|
|
450
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlTreeNode, "li[slTreeNode]", ["slTreeNode"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hasChildren": { "alias": "hasChildren"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "textValue": { "alias": "textValue"; "required": false; "isSignal": true; }; "match": { "alias": "match"; "required": false; "isSignal": true; }; "pinned": { "alias": "pinned"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; }, {}, ["childNodes"], ["[slTreeIcon]", "[slTreeLabel]", "[slTreeDescription]", "[slTreeMeta]", "[slTreeActions]", "[slTreeGroup]", "*"], true, never>;
|
|
451
|
+
}
|
|
452
|
+
/**
|
|
453
|
+
* The list a branch's children are written in.
|
|
454
|
+
*
|
|
455
|
+
* It exists because Angular parses a template as HTML: an `li` closes the `li`
|
|
456
|
+
* before it, so a node written inside a node needs the list between them. The
|
|
457
|
+
* node decides whether the group is placed; the consumer decides what element
|
|
458
|
+
* it is.
|
|
459
|
+
*/
|
|
460
|
+
declare class SlTreeGroup {
|
|
461
|
+
/** Whether the children are still on their way. */
|
|
462
|
+
readonly busy: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
463
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlTreeGroup, never>;
|
|
464
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlTreeGroup, "ul[slTreeGroup]", never, { "busy": { "alias": "busy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
465
|
+
}
|
|
466
|
+
/** The node's leading picture, which the consumer owns whole. */
|
|
467
|
+
declare class SlTreeIcon {
|
|
468
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlTreeIcon, never>;
|
|
469
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlTreeIcon, "[slTreeIcon]", never, {}, {}, never, never, true, never>;
|
|
470
|
+
}
|
|
471
|
+
/** The node's name, when it is richer than a string. */
|
|
472
|
+
declare class SlTreeLabel {
|
|
473
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlTreeLabel, never>;
|
|
474
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlTreeLabel, "[slTreeLabel]", never, {}, {}, never, never, true, never>;
|
|
475
|
+
}
|
|
476
|
+
/** A second line under the name. */
|
|
477
|
+
declare class SlTreeDescription {
|
|
478
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlTreeDescription, never>;
|
|
479
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlTreeDescription, "[slTreeDescription]", never, {}, {}, never, never, true, never>;
|
|
480
|
+
}
|
|
481
|
+
/** The trailing count, size or badge. */
|
|
482
|
+
declare class SlTreeMeta {
|
|
483
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlTreeMeta, never>;
|
|
484
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlTreeMeta, "[slTreeMeta]", never, {}, {}, never, never, true, never>;
|
|
485
|
+
}
|
|
486
|
+
/** The trailing controls. They stay in the DOM and stay reachable. */
|
|
487
|
+
declare class SlTreeActions {
|
|
488
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlTreeActions, never>;
|
|
489
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlTreeActions, "[slTreeActions]", never, {}, {}, never, never, true, never>;
|
|
490
|
+
}
|
|
491
|
+
/** What the tree shows when it holds nothing. */
|
|
492
|
+
declare class SlTreeEmpty {
|
|
493
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlTreeEmpty, never>;
|
|
494
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlTreeEmpty, "[slTreeEmpty]", never, {}, {}, never, never, true, never>;
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
export { SlTree, SlTreeActions, SlTreeContext, SlTreeDescription, SlTreeEmpty, SlTreeGroup, SlTreeIcon, SlTreeIdFactory, SlTreeLabel, SlTreeMeta, SlTreeNode, TREE_DEFAULTS, injectTreeDefaults, provideTreeDefaults };
|
|
498
|
+
export type { TreeActiveRequest, TreeAlignment, TreeChangeRequest, TreeDefaults, TreeExpandOn, TreeExpansionRequest, TreeFocusMode, TreeSelectionBehavior, TreeSelectionCascade, TreeSelectionIndicator, TreeSelectionMode, TreeSize, TreeStructure, TreeValue, TreeVariant };
|
|
499
|
+
//# sourceMappingURL=slotted-angular-tree.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slotted-angular-tree.d.ts","sources":["../../tree/src/tree-defaults.ts","../../tree/src/tree-context.ts","../../tree/src/tree.ts","../../tree/src/tree-parts.ts"],"mappings":";;;;;AAEA;AACM,KAAM,QAAQ;AAEpB;;;AAGG;KACS,WAAW;AAEvB;AACM,KAAM,iBAAiB;AAE7B;;;AAGG;KACS,qBAAqB;AAEjC;;;;AAIG;AACG,KAAM,sBAAsB;AAElC;KACY,oBAAoB;AAEhC;KACY,YAAY;AAExB;;;;AAIG;AACG,KAAM,aAAa;AAEzB;;;;AAIG;AACG,KAAM,aAAa;AAEzB;AACM,KAAM,aAAa;UAER,YAAY;;;cAGjB,YAAY;eACX,aAAa;;;;;;;;uBAQL,qBAAqB;sBACtB,oBAAoB;wBAClB,sBAAsB;mBAC3B,iBAAiB;UAC1B,QAAQ;eACH,aAAa;;;aAGf,WAAW;;AAErB;AAiCD,cAAa,aAAa,EAAA,cAAA,CAAA,YAAA;AAK1B;;;;AAIG;AACH,iBAAgB,mBAAmB,WAAW,OAAO,CAAC,YAAY;;sBAG9C,YAAY;AAE/B;AAED;AACA,iBAAgB,kBAAkB,IAAI,YAAY;AAIlD;;;;;AAKG;AACH,cACa,eAAe;;;oDAAf,eAAe;;AAO3B;;ACzID;;;;;;;AAOG;AACH,uBAAsB,aAAa;AACjC,qCAAiC,MAAM,CAAC,OAAO,CAAC,sBAAsB;iCACzC,MAAM,CAAC,iBAAiB;mCACtB,MAAM,CAAC,YAAY;oCAClB,MAAM;kCACR,MAAM;;AAEpC;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;;AAGA;;;;;AAKG;;;;;uCAKgC,UAAU;;+CAEF,UAAU;;gDAET,UAAU;AACvD;;AC0BD;;;AAGG;AACG,KAAM,SAAS;KAET,iBAAiB,GAAG,aAAa,CAAC,SAAS;AACjD,KAAM,oBAAoB,GAAG,aAAa;AAC1C,KAAM,iBAAiB,GAAG,aAAa;AAY7C;AACA,UAAU,QAAQ;;;;;;;;AAQhB;;AAEA;cACU,QAAQ;AACnB;AAWD;;;;;;;;;;;;;;;;;;;;;AAqBG;AACH,cAgGa,MAAO,YAAW,aAAa,EAAE,oBAAoB,EAAE,SAAS;oBAG7D,aAAA,CAAA,WAAA,CAAA,SAAA;2BACO,aAAA,CAAA,WAAA;wBACH,aAAA,CAAA,WAAA;;2BAGG,aAAA,CAAA,gBAAA,CAAA,iBAAA;kCACO,aAAA,CAAA,gBAAA,CAAA,oBAAA;+BACH,aAAA,CAAA,gBAAA,CAAA,iBAAA;;AAEzB,2BAAqB,aAAA,CAAA,gBAAA;;AAAiC;AAA4B;AAIlF;mBAEa,aAAA,CAAA,WAAA,CAAA,QAAA;sBACG,aAAA,CAAA,WAAA,CAAA,WAAA;wBACE,aAAA,CAAA,WAAA,CAAA,aAAA;4BACI,aAAA,CAAA,WAAA,CAAA,iBAAA;gCACI,aAAA,CAAA,WAAA,CAAA,qBAAA;iCACC,aAAA,CAAA,WAAA,CAAA,sBAAA;+BACF,aAAA,CAAA,WAAA,CAAA,oBAAA;uBACR,aAAA,CAAA,WAAA,CAAA,YAAA;wBACC,aAAA,CAAA,WAAA,CAAA,aAAA;qBACH,aAAA,CAAA,wBAAA;mBACF,aAAA,CAAA,wBAAA;wBACK,aAAA,CAAA,wBAAA;+BACO,aAAA,CAAA,wBAAA;4BACH,aAAA,CAAA,wBAAA;+BACG,aAAA,CAAA,wBAAA;qCAGM,aAAA,CAAA,wBAAA;gCAGL,aAAA,CAAA,wBAAA;uBAGT,aAAA,CAAA,wBAAA;sBACD,aAAA,CAAA,wBAAA;uBACC,aAAA,CAAA,wBAAA;uBACA,aAAA,CAAA,wBAAA;uBAEA,aAAA,CAAA,wBAAA;uBACA,aAAA,CAAA,wBAAA;uBACA,aAAA,CAAA,wBAAA;sBACD,aAAA,CAAA,wBAAA;sBACA,aAAA,CAAA,wBAAA;wBAEE,aAAA,CAAA,WAAA;6BACK,aAAA,CAAA,WAAA;oBAIT,aAAA,CAAA,WAAA;AACd,qBAAe,aAAA,CAAA,WAAA;AACf,uBAAiB,aAAA,CAAA,WAAA;0BACG,aAAA,CAAA,WAAA;AAGpB,uBAAiB,aAAA,CAAA,WAAA;AACjB,0BAAoB,aAAA,CAAA,WAAA;+BACK,aAAA,CAAA,WAAA;AACzB,6BAAuB,aAAA,CAAA,WAAA;AACvB,4BAAsB,aAAA,CAAA,WAAA;AACtB;;;AAGG;oBACW,aAAA,CAAA,WAAA;;AAGd,oCAA8B,aAAA,CAAA,MAAA,CAAA,WAAA;AAE9B;AACA;AACA;AACA;;AA6BA;wBAQkB,aAAA,CAAA,MAAA,CAAA,iBAAA;2BACG,aAAA,CAAA,MAAA;yBACF,aAAA,CAAA,MAAA;0BACC,aAAA,CAAA,MAAA,CAAA,YAAA;AAEpB;;;;AAIG;4BACmB,aAAA,CAAA,MAAA;AAOtB;;;;AAIG;AACH,sCAAgC,aAAA,CAAA,MAAA;AAOhC,6BAAuB,aAAA,CAAA,MAAA;AAMvB;AAoBA;AAIA;AAcA;AACA;AAEA;AAKA;AAEA;AAeA,mCAA6B,aAAA,CAAA,MAAA;AAK7B,qCAA+B,aAAA,CAAA,MAAA;AAK/B;AAMA,6BAAuB,aAAA,CAAA,MAAA,CAAA,QAAA;AAwDvB,qCAA+B,aAAA,CAAA,MAAA;AAS/B;AAIA;;AAUA;;;;;;;;;AASG;;;;;;;;;;;AAgDH,yCAAmC,aAAA,CAAA,MAAA;AAKnC,uCAAiC,aAAA,CAAA,MAAA;AAMjC;AAIA;AAgBA;AAQA;;AAeA;AAiCA;AAkBA;AAaA;AAyBA;AA2CA,8BAA0B,UAAU;AAuBpC,sCAAkC,UAAU;AAM5C,uCAAmC,UAAU;AAQ7C;AAQA;AAWA,+BAA2B,aAAa;AAsIxC,+BAA2B,UAAU;;;;;;AAyCrC,qCAAgC,aAAyB;AAQzD;;;sBAIkB,SAAS;iCAIE,SAAS;AAItC;;AAQA;;;;AAIG;AACH,sBAAkB,eAAe,GAAG,gBAAgB;oDAjzBzC,MAAM;sDAAN,MAAM;AAqzBlB;;AC3gCD;;;;;;;;;;;;AAYG;AACH,cAkFa,UAAU;;oBAEP,aAAA,CAAA,WAAA;;oBAEA,aAAA,CAAA,WAAA;AACd;;;AAGG;0BACiB,aAAA,CAAA,wBAAA;;sBAEJ,aAAA,CAAA,wBAAA;;uBAEC,aAAA,CAAA,wBAAA;AAGjB;;;AAGG;wBACe,aAAA,CAAA,WAAA;;oBAEJ,aAAA,CAAA,WAAA;AACd;;;;;AAKG;qBACY,aAAA,CAAA,wBAAA;;qBAEA,aAAA,CAAA,wBAAA;AAGf;;;;;AAKG;oBACW,aAAA,CAAA,wBAAA;AAId,6BAAuB,aAAA;AACvB;;;;;AAKG;AACH;AACA;AACA;;;;;;AAMG;AACH;AAEA;;;;;AAKG;AACH;;AAGA,+BAAyB,MAAA;AACzB;;;;AAIG;AACH,oBAAgB,MAAM;AAItB,iCAA2B,MAAA;AAC3B,iCAA2B,MAAA;AAC3B,sCAAgC,MAAA;AAChC,uCAAiC,MAAA;AAGjC,gCAA0B,MAAA;AAC1B,2BAAqB,MAAA;AACrB,gCAA0B,MAAA;AAC1B,yCAAmC,MAAA;AAGnC,qCAA+B,MAAA;AAG/B;AAGA,qCAA+B,MAAA;AAG/B,oCAA8B,MAAA;AAG9B;;;;AAIG;AACH,kCAA4B,MAAA;AAC5B,gCAA0B,MAAA;AAC1B,iCAA2B,MAAA;AAC3B,iCAA2B,MAAA;;AA0B3B,gCAA4B,UAAU;AAKtC,qCAAiC,UAAU;AAM3C,sCAAkC,UAAU;oDAtJjC,UAAU;sDAAV,UAAU;AA2JtB;AAED;;;;;;;AAOG;AACH,cASa,WAAW;;mBAET,aAAA,CAAA,wBAAA;oDAFF,WAAW;sDAAX,WAAW;AAGvB;AAED;AACA,cAKa,UAAU;oDAAV,UAAU;sDAAV,UAAU;AAAG;AAE1B;AACA,cACa,WAAW;oDAAX,WAAW;sDAAX,WAAW;AAAG;AAE3B;AACA,cAKa,iBAAiB;oDAAjB,iBAAiB;sDAAjB,iBAAiB;AAAG;AAEjC;AACA,cACa,UAAU;oDAAV,UAAU;sDAAV,UAAU;AAAG;AAE1B;AACA,cACa,aAAa;oDAAb,aAAa;sDAAb,aAAa;AAAG;AAE7B;AACA,cACa,WAAW;oDAAX,WAAW;sDAAX,WAAW;AAAG;;","names":[]}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
type TypographySize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
4
|
+
type TypographyWeight = 'regular' | 'medium' | 'semibold';
|
|
5
|
+
type TypographyTone = 'inherit' | 'default' | 'muted' | 'accent' | 'success' | 'warning' | 'danger' | 'inverse';
|
|
6
|
+
type TypographyAlign = 'start' | 'center' | 'end';
|
|
7
|
+
type TypographyWrap = 'normal' | 'nowrap' | 'balance' | 'pretty';
|
|
8
|
+
type TypographyTransform = 'none' | 'uppercase' | 'capitalize';
|
|
9
|
+
type TypographyNumeric = 'normal' | 'tabular';
|
|
10
|
+
/** The six the platform has. A seventh would be a heading no browser knows. */
|
|
11
|
+
type HeadingLevelValue = 1 | 2 | 3 | 4 | 5 | 6;
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* A heading is a rank in the document outline and a size on the page, and the
|
|
15
|
+
* two are separate. The rank is the element the consumer wrote, because that
|
|
16
|
+
* is where the platform keeps it; the size follows the rank until `size` asks
|
|
17
|
+
* for another.
|
|
18
|
+
*
|
|
19
|
+
* The section the heading sits in states the rank it expects, and a heading
|
|
20
|
+
* more than one rank deeper than that has skipped one. The skip is reported,
|
|
21
|
+
* never corrected: the element the consumer wrote is the element rendered.
|
|
22
|
+
*/
|
|
23
|
+
declare class SlHeading {
|
|
24
|
+
readonly align: _angular_core.InputSignal<TypographyAlign | undefined>;
|
|
25
|
+
readonly numeric: _angular_core.InputSignal<TypographyNumeric | undefined>;
|
|
26
|
+
readonly size: _angular_core.InputSignal<TypographySize | undefined>;
|
|
27
|
+
readonly tone: _angular_core.InputSignal<TypographyTone | undefined>;
|
|
28
|
+
readonly transform: _angular_core.InputSignal<TypographyTransform | undefined>;
|
|
29
|
+
readonly truncate: _angular_core.InputSignal<number | boolean | undefined>;
|
|
30
|
+
readonly weight: _angular_core.InputSignal<TypographyWeight>;
|
|
31
|
+
readonly wrap: _angular_core.InputSignal<TypographyWrap>;
|
|
32
|
+
private readonly element;
|
|
33
|
+
private readonly section;
|
|
34
|
+
/** The rank of the element the consumer wrote, which the tag already states. */
|
|
35
|
+
readonly level: HeadingLevelValue;
|
|
36
|
+
protected readonly resolvedSize: _angular_core.Signal<TypographySize>;
|
|
37
|
+
protected readonly toneAttribute: _angular_core.Signal<string | null>;
|
|
38
|
+
protected readonly lines: _angular_core.Signal<number | null>;
|
|
39
|
+
constructor();
|
|
40
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlHeading, never>;
|
|
41
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlHeading, "h1[slHeading],h2[slHeading],h3[slHeading],h4[slHeading],h5[slHeading],h6[slHeading]", ["slHeading"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; "numeric": { "alias": "numeric"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "transform": { "alias": "transform"; "required": false; "isSignal": true; }; "truncate": { "alias": "truncate"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* One section deeper. A heading inside takes the next rank, which is how the
|
|
46
|
+
* outline stays correct in a tree assembled from components that cannot see
|
|
47
|
+
* each other: the HTML Standard requires each heading to be less than, equal
|
|
48
|
+
* to, or one greater than the heading before it, and stepping by exactly one
|
|
49
|
+
* is the only way to guarantee that without reading the document.
|
|
50
|
+
*
|
|
51
|
+
* The directive sits on the element the consumer already wrote for the
|
|
52
|
+
* section, so it adds nothing to the DOM. The depth is fixed for the life of
|
|
53
|
+
* the element, so it is a value rather than a signal.
|
|
54
|
+
*/
|
|
55
|
+
declare class SlHeadingLevel {
|
|
56
|
+
private readonly parent;
|
|
57
|
+
readonly level: HeadingLevelValue;
|
|
58
|
+
constructor();
|
|
59
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlHeadingLevel, never>;
|
|
60
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlHeadingLevel, "[slHeadingLevel]", ["slHeadingLevel"], {}, {}, never, never, true, never>;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* Text sets the library's type on the element the consumer already wrote. The
|
|
65
|
+
* directive makes no claim about which element that is: a paragraph, a label
|
|
66
|
+
* or a table cell is a claim the consumer makes by writing the tag.
|
|
67
|
+
*
|
|
68
|
+
* An axis reaches the stylesheet only when someone decided it. The base rule
|
|
69
|
+
* already paints the family default, and text is the most numerous element in
|
|
70
|
+
* any document.
|
|
71
|
+
*/
|
|
72
|
+
declare class SlText {
|
|
73
|
+
readonly align: _angular_core.InputSignal<TypographyAlign | undefined>;
|
|
74
|
+
readonly numeric: _angular_core.InputSignal<TypographyNumeric | undefined>;
|
|
75
|
+
readonly size: _angular_core.InputSignal<TypographySize | undefined>;
|
|
76
|
+
readonly tone: _angular_core.InputSignal<TypographyTone | undefined>;
|
|
77
|
+
readonly transform: _angular_core.InputSignal<TypographyTransform | undefined>;
|
|
78
|
+
readonly truncate: _angular_core.InputSignal<number | boolean | undefined>;
|
|
79
|
+
readonly weight: _angular_core.InputSignal<TypographyWeight | undefined>;
|
|
80
|
+
readonly wrap: _angular_core.InputSignal<TypographyWrap | undefined>;
|
|
81
|
+
protected readonly toneAttribute: _angular_core.Signal<string | null>;
|
|
82
|
+
protected readonly lines: _angular_core.Signal<number | null>;
|
|
83
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlText, never>;
|
|
84
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlText, "[slText]", ["slText"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; "numeric": { "alias": "numeric"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "transform": { "alias": "transform"; "required": false; "isSignal": true; }; "truncate": { "alias": "truncate"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
export { SlHeading, SlHeadingLevel, SlText };
|
|
88
|
+
export type { HeadingLevelValue, TypographyAlign, TypographyNumeric, TypographySize, TypographyTone, TypographyTransform, TypographyWeight, TypographyWrap };
|
|
89
|
+
//# sourceMappingURL=slotted-angular-typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slotted-angular-typography.d.ts","sources":["../../typography/src/typography.ts","../../typography/src/heading.ts","../../typography/src/heading-level.ts","../../typography/src/text.ts"],"mappings":";;KAAY,cAAc;AACpB,KAAM,gBAAgB;KAChB,cAAc;AAEpB,KAAM,eAAe;AACrB,KAAM,cAAc;AACpB,KAAM,mBAAmB;KACnB,iBAAiB;AAE7B;AACM,KAAM,iBAAiB;;ACwB7B;;;;;;;;;AASG;AACH,cAsBa,SAAS;oBACN,aAAA,CAAA,WAAA,CAAA,eAAA;sBACE,aAAA,CAAA,WAAA,CAAA,iBAAA;mBACH,aAAA,CAAA,WAAA,CAAA,cAAA;mBACA,aAAA,CAAA,WAAA,CAAA,cAAA;wBACK,aAAA,CAAA,WAAA,CAAA,mBAAA;uBACD,aAAA,CAAA,WAAA;qBACF,aAAA,CAAA,WAAA,CAAA,gBAAA;mBACF,aAAA,CAAA,WAAA,CAAA,cAAA;AAEb;AACA;;AAGA,oBAA0D,iBAAiB;AAE3E,qCAA+B,aAAA,CAAA,MAAA,CAAA,cAAA;AAC/B,sCAAgC,aAAA,CAAA,MAAA;AAChC,8BAAwB,aAAA,CAAA,MAAA;;oDAlBb,SAAS;sDAAT,SAAS;AA6BrB;;AC3FD;;;;;;;;;;AAUG;AACH,cAKa,cAAc;AACzB;AAEA,oBAAgB,iBAAiB;;oDAHtB,cAAc;sDAAd,cAAc;AAe1B;;AChBD;;;;;;;;AAQG;AACH,cAsBa,MAAM;oBACH,aAAA,CAAA,WAAA,CAAA,eAAA;sBACE,aAAA,CAAA,WAAA,CAAA,iBAAA;mBACH,aAAA,CAAA,WAAA,CAAA,cAAA;mBACA,aAAA,CAAA,WAAA,CAAA,cAAA;wBACK,aAAA,CAAA,WAAA,CAAA,mBAAA;uBACD,aAAA,CAAA,WAAA;qBACF,aAAA,CAAA,WAAA,CAAA,gBAAA;mBACF,aAAA,CAAA,WAAA,CAAA,cAAA;AAEb,sCAAgC,aAAA,CAAA,MAAA;AAChC,8BAAwB,aAAA,CAAA,MAAA;oDAXb,MAAM;sDAAN,MAAM;AAYlB;;","names":[]}
|