@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/docs/AGENTS.snippet.md +12 -0
- package/docs/action-bar.json +4 -4
- package/docs/action-bar.md +3 -3
- package/docs/alert.json +7 -1
- package/docs/alert.md +3 -3
- package/docs/app-shell.examples.md +1 -1
- package/docs/app-shell.json +5 -5
- package/docs/app-shell.md +2 -2
- package/docs/avatar.json +22 -1
- package/docs/avatar.md +5 -3
- package/docs/badge.json +7 -1
- package/docs/badge.md +3 -3
- package/docs/button-group.json +2 -0
- package/docs/button-group.md +1 -1
- package/docs/button.json +51 -11
- package/docs/button.md +10 -6
- package/docs/calendar.json +8 -1
- package/docs/calendar.md +3 -2
- package/docs/cascader.json +1 -0
- package/docs/cascader.md +1 -1
- package/docs/chart.examples.md +1 -1
- package/docs/chart.json +10 -1
- package/docs/chart.md +3 -2
- package/docs/checkbox.json +7 -0
- package/docs/checkbox.md +1 -0
- package/docs/code-block.json +92 -92
- package/docs/code-block.md +69 -69
- package/docs/combobox.json +1 -0
- package/docs/combobox.md +1 -1
- package/docs/command-palette.json +1 -0
- package/docs/command-palette.md +1 -1
- package/docs/currency-field.json +40 -1
- package/docs/currency-field.md +5 -1
- package/docs/data-grid.examples.md +2 -2
- package/docs/data-grid.json +45 -7
- package/docs/data-grid.md +3 -1
- package/docs/data-grid.props.md +7 -4
- package/docs/data-list.json +2 -1
- package/docs/data-list.md +1 -1
- package/docs/date-field.json +9 -1
- package/docs/date-field.md +3 -2
- package/docs/date-picker.examples.md +36 -0
- package/docs/date-picker.json +20 -5
- package/docs/date-picker.md +5 -4
- package/docs/datetime-field.json +1 -0
- package/docs/datetime-field.md +1 -1
- package/docs/detail-panel.json +4 -2
- package/docs/detail-panel.md +8 -3
- package/docs/dialog.examples.md +158 -136
- package/docs/dialog.json +36 -11
- package/docs/dialog.md +4 -2
- package/docs/dialog.props.md +1 -1
- package/docs/drawer.json +11 -4
- package/docs/drawer.md +4 -3
- package/docs/entity-picker.json +19 -4
- package/docs/entity-picker.md +8 -6
- package/docs/event-calendar.json +7 -0
- package/docs/event-calendar.md +3 -2
- package/docs/filter-bar.json +118 -118
- package/docs/filter-bar.md +79 -79
- package/docs/form.json +2 -1
- package/docs/form.md +1 -1
- package/docs/guidelines/README.md +27 -0
- package/docs/guidelines/async-feedback.md +129 -0
- package/docs/guidelines/browsing.md +74 -0
- package/docs/guidelines/builders.md +97 -0
- package/docs/guidelines/composition.md +143 -0
- package/docs/guidelines/conversations.md +59 -0
- package/docs/guidelines/errors-and-conflicts.md +71 -0
- package/docs/guidelines/forms.md +202 -0
- package/docs/guidelines/index.md +130 -0
- package/docs/guidelines/layout-alignment.md +105 -0
- package/docs/guidelines/ledgers.md +45 -0
- package/docs/guidelines/list-pages.md +206 -0
- package/docs/guidelines/overviews.md +76 -0
- package/docs/guidelines/own-elements.md +115 -0
- package/docs/guidelines/reading-permissions.md +55 -0
- package/docs/guidelines/record-pages.md +178 -0
- package/docs/guidelines/reports.md +123 -0
- package/docs/guidelines/shell-composition.md +94 -0
- package/docs/guidelines/workspaces.md +46 -0
- package/docs/icon.json +3 -1
- package/docs/icon.md +3 -3
- package/docs/index.md +12 -0
- package/docs/inline-message.json +14 -2
- package/docs/inline-message.md +4 -3
- package/docs/list-item.json +9 -1
- package/docs/list-item.md +3 -3
- package/docs/list.json +19 -1
- package/docs/list.md +3 -1
- package/docs/markdown.json +79 -79
- package/docs/markdown.md +65 -65
- package/docs/menu.json +12 -0
- package/docs/menu.md +2 -0
- package/docs/message.json +7 -1
- package/docs/message.md +3 -3
- package/docs/multi-select.json +1 -0
- package/docs/multi-select.md +1 -1
- package/docs/notification-center.json +4 -0
- package/docs/notification-center.md +2 -2
- package/docs/number-field.json +1 -0
- package/docs/number-field.md +1 -1
- package/docs/otp-input.json +1 -0
- package/docs/otp-input.md +1 -1
- package/docs/page-header.json +22 -5
- package/docs/page-header.md +6 -4
- package/docs/page.json +2 -0
- package/docs/page.md +2 -1
- package/docs/popover.json +1 -1
- package/docs/progress-indicator.json +4 -3
- package/docs/progress-indicator.md +4 -4
- package/docs/prompt-composer.json +41 -1
- package/docs/prompt-composer.md +5 -1
- package/docs/rating.json +5 -3
- package/docs/rating.md +6 -6
- package/docs/section.json +28 -16
- package/docs/section.md +12 -10
- package/docs/segmented-control.json +36 -12
- package/docs/segmented-control.md +17 -1
- package/docs/select.json +1 -0
- package/docs/select.md +1 -1
- package/docs/side-navigation.json +1 -0
- package/docs/side-navigation.md +1 -1
- package/docs/skills/build-own-element/SKILL.md +90 -0
- package/docs/skills/compose-screen/SKILL.md +103 -0
- package/docs/skills/index.md +9 -0
- package/docs/skills/review-screen/SKILL.md +79 -0
- package/docs/skills/theme-app/SKILL.md +98 -0
- package/docs/skills/waiting-states/SKILL.md +143 -0
- package/docs/sparkline.json +5 -2
- package/docs/sparkline.md +4 -4
- package/docs/split-button.json +4 -1
- package/docs/split-button.md +3 -3
- package/docs/stat-card.json +5 -1
- package/docs/stat-card.md +3 -3
- package/docs/table.examples.md +3 -3
- package/docs/table.json +85 -3
- package/docs/table.md +12 -1
- package/docs/tabs.json +17 -7
- package/docs/tabs.md +3 -2
- package/docs/tag.json +14 -4
- package/docs/tag.md +6 -6
- package/docs/tags-input.json +29 -2
- package/docs/tags-input.md +4 -1
- package/docs/text-field.json +2 -1
- package/docs/text-field.md +2 -2
- package/docs/textarea.json +1 -0
- package/docs/textarea.md +1 -1
- package/docs/time-field.json +1 -0
- package/docs/time-field.md +1 -1
- package/docs/timeline.json +138 -132
- package/docs/timeline.md +125 -125
- package/docs/toast.json +8 -1
- package/docs/toast.md +3 -3
- package/docs/toggle-group.json +14 -3
- package/docs/toggle-group.md +3 -3
- package/docs/toggle.json +12 -3
- package/docs/toggle.md +3 -3
- package/docs/tokens.md +467 -0
- package/docs/toolbar.json +1 -1
- package/docs/toolbar.md +1 -1
- package/docs/tour.json +1 -1
- package/docs/typography.json +4 -2
- package/docs/typography.md +5 -5
- package/fesm2022/slotted-angular-accordion.mjs +4 -2
- package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-bar.mjs +27 -12
- package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-sheet.mjs +48 -29
- package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
- package/fesm2022/slotted-angular-alert.mjs +18 -11
- package/fesm2022/slotted-angular-alert.mjs.map +1 -1
- package/fesm2022/slotted-angular-app-shell.mjs +111 -61
- package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
- package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
- package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
- package/fesm2022/slotted-angular-attachment.mjs +31 -20
- package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
- package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
- package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-avatar.mjs +14 -7
- package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
- package/fesm2022/slotted-angular-badge.mjs +14 -10
- package/fesm2022/slotted-angular-badge.mjs.map +1 -1
- package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
- package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
- package/fesm2022/slotted-angular-button-group.mjs +7 -4
- package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-button.mjs +120 -29
- package/fesm2022/slotted-angular-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-calendar.mjs +235 -58
- package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-card.mjs +18 -16
- package/fesm2022/slotted-angular-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-carousel.mjs +22 -11
- package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
- package/fesm2022/slotted-angular-cascader.mjs +180 -66
- package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
- package/fesm2022/slotted-angular-chart.mjs +53 -20
- package/fesm2022/slotted-angular-chart.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
- package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox.mjs +23 -9
- package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-code-block.mjs +29 -15
- package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
- package/fesm2022/slotted-angular-collapsible.mjs +20 -15
- package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
- package/fesm2022/slotted-angular-color-picker.mjs +77 -22
- package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-column-manager.mjs +68 -31
- package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
- package/fesm2022/slotted-angular-combobox.mjs +118 -39
- package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
- package/fesm2022/slotted-angular-command-palette.mjs +162 -54
- package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
- package/fesm2022/slotted-angular-container.mjs +6 -4
- package/fesm2022/slotted-angular-container.mjs.map +1 -1
- package/fesm2022/slotted-angular-context-menu.mjs +5 -4
- package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-currency-field.mjs +149 -32
- package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-dashboard-grid.mjs +142 -63
- package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-grid.mjs +480 -129
- package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-list.mjs +83 -50
- package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-field.mjs +74 -25
- package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-picker.mjs +112 -40
- package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-range-picker.mjs +45 -22
- package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-field.mjs +48 -16
- package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-picker.mjs +41 -29
- package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-range-picker.mjs +115 -48
- package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-description-list.mjs +33 -19
- package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-detail-panel.mjs +48 -30
- package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
- package/fesm2022/slotted-angular-dialog.mjs +72 -30
- package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
- package/fesm2022/slotted-angular-divider.mjs +7 -5
- package/fesm2022/slotted-angular-divider.mjs.map +1 -1
- package/fesm2022/slotted-angular-drawer.mjs +91 -37
- package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
- package/fesm2022/slotted-angular-entity-picker.mjs +474 -75
- package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-event-calendar.mjs +275 -108
- package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-field-group.mjs +14 -7
- package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-field.mjs +35 -15
- package/fesm2022/slotted-angular-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-filter-bar.mjs +118 -51
- package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-form.mjs +18 -10
- package/fesm2022/slotted-angular-form.mjs.map +1 -1
- package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
- package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
- package/fesm2022/slotted-angular-grid.mjs +4 -2
- package/fesm2022/slotted-angular-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-highlight.mjs +5 -3
- package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
- package/fesm2022/slotted-angular-hover-card.mjs +5 -4
- package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-icon.mjs +6 -3
- package/fesm2022/slotted-angular-icon.mjs.map +1 -1
- package/fesm2022/slotted-angular-image.mjs +13 -10
- package/fesm2022/slotted-angular-image.mjs.map +1 -1
- package/fesm2022/slotted-angular-import-export-center.mjs +175 -99
- package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline-message.mjs +88 -13
- package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline.mjs +4 -2
- package/fesm2022/slotted-angular-inline.mjs.map +1 -1
- package/fesm2022/slotted-angular-kbd.mjs +11 -7
- package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
- package/fesm2022/slotted-angular-link.mjs +5 -3
- package/fesm2022/slotted-angular-link.mjs.map +1 -1
- package/fesm2022/slotted-angular-list-item.mjs +21 -18
- package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
- package/fesm2022/slotted-angular-list.mjs +37 -22
- package/fesm2022/slotted-angular-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-listbox.mjs +39 -21
- package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
- package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
- package/fesm2022/slotted-angular-markdown.mjs +31 -19
- package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
- package/fesm2022/slotted-angular-menu.mjs +51 -29
- package/fesm2022/slotted-angular-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-menubar.mjs +4 -2
- package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
- package/fesm2022/slotted-angular-message-scroller.mjs +34 -15
- package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
- package/fesm2022/slotted-angular-message.mjs +119 -51
- package/fesm2022/slotted-angular-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-multi-select.mjs +195 -87
- package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
- package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-notification-center.mjs +108 -65
- package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-number-field.mjs +23 -11
- package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-otp-input.mjs +13 -8
- package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-page-header.mjs +90 -48
- package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
- package/fesm2022/slotted-angular-page.mjs +38 -10
- package/fesm2022/slotted-angular-page.mjs.map +1 -1
- package/fesm2022/slotted-angular-pagination.mjs +35 -22
- package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
- package/fesm2022/slotted-angular-popover.mjs +32 -19
- package/fesm2022/slotted-angular-popover.mjs.map +1 -1
- package/fesm2022/slotted-angular-progress-indicator.mjs +236 -52
- package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-prompt-composer.mjs +57 -20
- package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
- package/fesm2022/slotted-angular-prose.mjs +14 -11
- package/fesm2022/slotted-angular-prose.mjs.map +1 -1
- package/fesm2022/slotted-angular-radio-group.mjs +15 -9
- package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-rating.mjs +138 -82
- package/fesm2022/slotted-angular-rating.mjs.map +1 -1
- package/fesm2022/slotted-angular-result-state.mjs +16 -12
- package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
- package/fesm2022/slotted-angular-saved-views.mjs +43 -16
- package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
- package/fesm2022/slotted-angular-scroll-area.mjs +13 -5
- package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
- package/fesm2022/slotted-angular-section.mjs +53 -18
- package/fesm2022/slotted-angular-section.mjs.map +1 -1
- package/fesm2022/slotted-angular-segmented-control.mjs +37 -11
- package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
- package/fesm2022/slotted-angular-select.mjs +190 -94
- package/fesm2022/slotted-angular-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
- package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
- package/fesm2022/slotted-angular-skeleton.mjs +32 -16
- package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
- package/fesm2022/slotted-angular-slider.mjs +31 -11
- package/fesm2022/slotted-angular-slider.mjs.map +1 -1
- package/fesm2022/slotted-angular-sparkline.mjs +41 -14
- package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
- package/fesm2022/slotted-angular-split-button.mjs +37 -11
- package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-splitter.mjs +11 -9
- package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
- package/fesm2022/slotted-angular-stack.mjs +4 -2
- package/fesm2022/slotted-angular-stack.mjs.map +1 -1
- package/fesm2022/slotted-angular-stat-card.mjs +35 -28
- package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
- package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-stepper.mjs +40 -15
- package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
- package/fesm2022/slotted-angular-switch.mjs +15 -10
- package/fesm2022/slotted-angular-switch.mjs.map +1 -1
- package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
- package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
- package/fesm2022/slotted-angular-table.mjs +243 -73
- package/fesm2022/slotted-angular-table.mjs.map +1 -1
- package/fesm2022/slotted-angular-tabs.mjs +42 -18
- package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
- package/fesm2022/slotted-angular-tag.mjs +19 -12
- package/fesm2022/slotted-angular-tag.mjs.map +1 -1
- package/fesm2022/slotted-angular-tags-input.mjs +253 -28
- package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-text-field.mjs +55 -15
- package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-textarea.mjs +5 -3
- package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-field.mjs +48 -14
- package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-picker.mjs +32 -20
- package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-range-picker.mjs +113 -46
- package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-timeline.mjs +147 -64
- package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
- package/fesm2022/slotted-angular-toast.mjs +43 -31
- package/fesm2022/slotted-angular-toast.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle-group.mjs +25 -8
- package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle.mjs +9 -4
- package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
- package/fesm2022/slotted-angular-toolbar.mjs +27 -12
- package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
- package/fesm2022/slotted-angular-tooltip.mjs +15 -6
- package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
- package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
- package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
- package/fesm2022/slotted-angular-tour.mjs +47 -22
- package/fesm2022/slotted-angular-tour.mjs.map +1 -1
- package/fesm2022/slotted-angular-transfer.mjs +69 -30
- package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
- package/fesm2022/slotted-angular-tree.mjs +80 -26
- package/fesm2022/slotted-angular-tree.mjs.map +1 -1
- package/fesm2022/slotted-angular-typography.mjs +8 -4
- package/fesm2022/slotted-angular-typography.mjs.map +1 -1
- package/fesm2022/slotted-angular-upload.mjs +125 -57
- package/fesm2022/slotted-angular-upload.mjs.map +1 -1
- package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
- package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
- package/fesm2022/slotted-angular-wizard.mjs +163 -65
- package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
- package/package.json +3 -3
- package/types/slotted-angular-accordion.d.ts.map +1 -1
- package/types/slotted-angular-action-bar.d.ts +2 -0
- package/types/slotted-angular-action-bar.d.ts.map +1 -1
- package/types/slotted-angular-action-sheet.d.ts.map +1 -1
- package/types/slotted-angular-alert.d.ts +2 -2
- package/types/slotted-angular-alert.d.ts.map +1 -1
- package/types/slotted-angular-app-shell.d.ts +11 -3
- package/types/slotted-angular-app-shell.d.ts.map +1 -1
- package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
- package/types/slotted-angular-attachment.d.ts +1 -1
- package/types/slotted-angular-attachment.d.ts.map +1 -1
- package/types/slotted-angular-avatar-group.d.ts.map +1 -1
- package/types/slotted-angular-avatar.d.ts +11 -3
- package/types/slotted-angular-avatar.d.ts.map +1 -1
- package/types/slotted-angular-badge.d.ts +1 -1
- package/types/slotted-angular-badge.d.ts.map +1 -1
- package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
- package/types/slotted-angular-button-group.d.ts +1 -1
- package/types/slotted-angular-button-group.d.ts.map +1 -1
- package/types/slotted-angular-button.d.ts +33 -13
- package/types/slotted-angular-button.d.ts.map +1 -1
- package/types/slotted-angular-calendar.d.ts +30 -2
- package/types/slotted-angular-calendar.d.ts.map +1 -1
- package/types/slotted-angular-card.d.ts.map +1 -1
- package/types/slotted-angular-carousel.d.ts.map +1 -1
- package/types/slotted-angular-cascader.d.ts.map +1 -1
- package/types/slotted-angular-chart.d.ts +10 -0
- package/types/slotted-angular-chart.d.ts.map +1 -1
- package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
- package/types/slotted-angular-checkbox.d.ts +7 -1
- package/types/slotted-angular-checkbox.d.ts.map +1 -1
- package/types/slotted-angular-code-block.d.ts +1 -1
- package/types/slotted-angular-code-block.d.ts.map +1 -1
- package/types/slotted-angular-collapsible.d.ts +1 -1
- package/types/slotted-angular-collapsible.d.ts.map +1 -1
- package/types/slotted-angular-color-picker.d.ts.map +1 -1
- package/types/slotted-angular-column-manager.d.ts.map +1 -1
- package/types/slotted-angular-combobox.d.ts +5 -1
- package/types/slotted-angular-combobox.d.ts.map +1 -1
- package/types/slotted-angular-command-palette.d.ts +10 -1
- package/types/slotted-angular-command-palette.d.ts.map +1 -1
- package/types/slotted-angular-container.d.ts.map +1 -1
- package/types/slotted-angular-context-menu.d.ts.map +1 -1
- package/types/slotted-angular-currency-field.d.ts +63 -15
- package/types/slotted-angular-currency-field.d.ts.map +1 -1
- package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-grid.d.ts +72 -4
- package/types/slotted-angular-data-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-list.d.ts.map +1 -1
- package/types/slotted-angular-date-field.d.ts +11 -1
- package/types/slotted-angular-date-field.d.ts.map +1 -1
- package/types/slotted-angular-date-picker.d.ts +38 -12
- package/types/slotted-angular-date-picker.d.ts.map +1 -1
- package/types/slotted-angular-date-range-picker.d.ts +0 -1
- package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-datetime-field.d.ts.map +1 -1
- package/types/slotted-angular-datetime-picker.d.ts +0 -1
- package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
- package/types/slotted-angular-datetime-range-picker.d.ts +0 -1
- package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-description-list.d.ts.map +1 -1
- package/types/slotted-angular-detail-panel.d.ts.map +1 -1
- package/types/slotted-angular-dialog.d.ts +10 -3
- package/types/slotted-angular-dialog.d.ts.map +1 -1
- package/types/slotted-angular-divider.d.ts.map +1 -1
- package/types/slotted-angular-drawer.d.ts +12 -1
- package/types/slotted-angular-drawer.d.ts.map +1 -1
- package/types/slotted-angular-entity-picker.d.ts +63 -15
- package/types/slotted-angular-entity-picker.d.ts.map +1 -1
- package/types/slotted-angular-event-calendar.d.ts +9 -2
- package/types/slotted-angular-event-calendar.d.ts.map +1 -1
- package/types/slotted-angular-field-group.d.ts.map +1 -1
- package/types/slotted-angular-field.d.ts.map +1 -1
- package/types/slotted-angular-filter-bar.d.ts.map +1 -1
- package/types/slotted-angular-form.d.ts.map +1 -1
- package/types/slotted-angular-fullscreen.d.ts.map +1 -1
- package/types/slotted-angular-grid.d.ts.map +1 -1
- package/types/slotted-angular-highlight.d.ts.map +1 -1
- package/types/slotted-angular-hover-card.d.ts.map +1 -1
- package/types/slotted-angular-icon.d.ts +2 -2
- package/types/slotted-angular-icon.d.ts.map +1 -1
- package/types/slotted-angular-image.d.ts.map +1 -1
- package/types/slotted-angular-import-export-center.d.ts.map +1 -1
- package/types/slotted-angular-inline-message.d.ts +25 -25
- package/types/slotted-angular-inline-message.d.ts.map +1 -1
- package/types/slotted-angular-inline.d.ts.map +1 -1
- package/types/slotted-angular-kbd.d.ts.map +1 -1
- package/types/slotted-angular-link.d.ts.map +1 -1
- package/types/slotted-angular-list-item.d.ts +1 -1
- package/types/slotted-angular-list-item.d.ts.map +1 -1
- package/types/slotted-angular-list.d.ts +42 -27
- package/types/slotted-angular-list.d.ts.map +1 -1
- package/types/slotted-angular-listbox.d.ts.map +1 -1
- package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
- package/types/slotted-angular-markdown.d.ts.map +1 -1
- package/types/slotted-angular-menu.d.ts +11 -2
- package/types/slotted-angular-menu.d.ts.map +1 -1
- package/types/slotted-angular-menubar.d.ts.map +1 -1
- package/types/slotted-angular-message-scroller.d.ts.map +1 -1
- package/types/slotted-angular-message.d.ts +1 -1
- package/types/slotted-angular-message.d.ts.map +1 -1
- package/types/slotted-angular-multi-select.d.ts +15 -1
- package/types/slotted-angular-multi-select.d.ts.map +1 -1
- package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
- package/types/slotted-angular-notification-center.d.ts +1 -1
- package/types/slotted-angular-notification-center.d.ts.map +1 -1
- package/types/slotted-angular-number-field.d.ts.map +1 -1
- package/types/slotted-angular-otp-input.d.ts.map +1 -1
- package/types/slotted-angular-page-header.d.ts +15 -6
- package/types/slotted-angular-page-header.d.ts.map +1 -1
- package/types/slotted-angular-page.d.ts.map +1 -1
- package/types/slotted-angular-pagination.d.ts.map +1 -1
- package/types/slotted-angular-popover.d.ts.map +1 -1
- package/types/slotted-angular-progress-indicator.d.ts +8 -1
- package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
- package/types/slotted-angular-prompt-composer.d.ts +11 -2
- package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
- package/types/slotted-angular-prose.d.ts.map +1 -1
- package/types/slotted-angular-radio-group.d.ts.map +1 -1
- package/types/slotted-angular-rating.d.ts +1 -1
- package/types/slotted-angular-rating.d.ts.map +1 -1
- package/types/slotted-angular-result-state.d.ts.map +1 -1
- package/types/slotted-angular-saved-views.d.ts.map +1 -1
- package/types/slotted-angular-scroll-area.d.ts.map +1 -1
- package/types/slotted-angular-section.d.ts +11 -3
- package/types/slotted-angular-section.d.ts.map +1 -1
- package/types/slotted-angular-segmented-control.d.ts +15 -2
- package/types/slotted-angular-segmented-control.d.ts.map +1 -1
- package/types/slotted-angular-select.d.ts +12 -2
- package/types/slotted-angular-select.d.ts.map +1 -1
- package/types/slotted-angular-side-navigation.d.ts.map +1 -1
- package/types/slotted-angular-skeleton.d.ts.map +1 -1
- package/types/slotted-angular-slider.d.ts.map +1 -1
- package/types/slotted-angular-sparkline.d.ts +7 -1
- package/types/slotted-angular-sparkline.d.ts.map +1 -1
- package/types/slotted-angular-split-button.d.ts +2 -2
- package/types/slotted-angular-split-button.d.ts.map +1 -1
- package/types/slotted-angular-splitter.d.ts.map +1 -1
- package/types/slotted-angular-stack.d.ts.map +1 -1
- package/types/slotted-angular-stat-card.d.ts +1 -1
- package/types/slotted-angular-stat-card.d.ts.map +1 -1
- package/types/slotted-angular-status-indicator.d.ts +1 -1
- package/types/slotted-angular-status-indicator.d.ts.map +1 -1
- package/types/slotted-angular-stepper.d.ts +1 -1
- package/types/slotted-angular-stepper.d.ts.map +1 -1
- package/types/slotted-angular-switch.d.ts.map +1 -1
- package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
- package/types/slotted-angular-table.d.ts +63 -6
- package/types/slotted-angular-table.d.ts.map +1 -1
- package/types/slotted-angular-tabs.d.ts +3 -4
- package/types/slotted-angular-tabs.d.ts.map +1 -1
- package/types/slotted-angular-tag.d.ts +1 -1
- package/types/slotted-angular-tag.d.ts.map +1 -1
- package/types/slotted-angular-tags-input.d.ts +33 -1
- package/types/slotted-angular-tags-input.d.ts.map +1 -1
- package/types/slotted-angular-text-field.d.ts.map +1 -1
- package/types/slotted-angular-textarea.d.ts.map +1 -1
- package/types/slotted-angular-theme.d.ts +1 -1
- package/types/slotted-angular-time-field.d.ts.map +1 -1
- package/types/slotted-angular-time-picker.d.ts +0 -1
- package/types/slotted-angular-time-picker.d.ts.map +1 -1
- package/types/slotted-angular-time-range-picker.d.ts +0 -1
- package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-timeline.d.ts +1 -1
- package/types/slotted-angular-timeline.d.ts.map +1 -1
- package/types/slotted-angular-toast.d.ts +3 -3
- package/types/slotted-angular-toast.d.ts.map +1 -1
- package/types/slotted-angular-toggle-group.d.ts +8 -2
- package/types/slotted-angular-toggle-group.d.ts.map +1 -1
- package/types/slotted-angular-toggle.d.ts +1 -1
- package/types/slotted-angular-toggle.d.ts.map +1 -1
- package/types/slotted-angular-toolbar.d.ts +2 -0
- package/types/slotted-angular-toolbar.d.ts.map +1 -1
- package/types/slotted-angular-tooltip.d.ts.map +1 -1
- package/types/slotted-angular-top-navigation.d.ts.map +1 -1
- package/types/slotted-angular-tour.d.ts.map +1 -1
- package/types/slotted-angular-transfer.d.ts.map +1 -1
- package/types/slotted-angular-tree.d.ts.map +1 -1
- package/types/slotted-angular-typography.d.ts +1 -1
- package/types/slotted-angular-typography.d.ts.map +1 -1
- package/types/slotted-angular-upload.d.ts +2 -2
- package/types/slotted-angular-upload.d.ts.map +1 -1
- package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
- package/types/slotted-angular-wizard.d.ts.map +1 -1
|
@@ -163,18 +163,20 @@ class SlDescriptionList {
|
|
|
163
163
|
/** The family's words in the language in force, with this list's `messages` laid over them. */
|
|
164
164
|
t = injectMessages(descriptionListMessages, this.messages);
|
|
165
165
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDescriptionList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
166
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlDescriptionList, isStandalone: true, selector: "div[slDescriptionList]", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, termWidth: { classPropertyName: "termWidth", publicName: "termWidth", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "description-list", "data-part": "root" }, properties: { "attr.data-layout": "layoutValue()", "attr.data-columns": "columnsValue()", "attr.data-variant": "variantValue()", "style.--slotted-description-list-term-width": "termWidthValue() ?? null" } }, exportAs: ["slDescriptionList"], ngImport: i0, template: '<dl data-part="list"><ng-content></ng-content></dl>', isInline: true, styles: ["@layer slotted.components{[data-ui=description-list]{container-name:slotted-description-list;container-type:inline-size;display:block}[data-ui=description-list] [data-part=list]{--_ink: var(--slotted-description-list-color, var(--slotted-text, CanvasText));--_term-ink: var(--slotted-description-list-term-color, var(--slotted-text-muted, GrayText));--_hint-ink: var(--slotted-description-list-hint-color, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-description-list-rule-color, var(--slotted-border-subtle, ButtonBorder));--_term-surface: var( --slotted-description-list-term-surface, var(--slotted-surface-sunken, Canvas) );--_surface: var(--slotted-description-list-surface, var(--slotted-surface, Canvas));--_placeholder-ink: var( --slotted-description-list-placeholder-color, var(--slotted-text-muted, GrayText) );--_control-ink: var( --slotted-description-list-control-color, var(--slotted-text-muted, GrayText) );--_control-ink-hover: var( --slotted-description-list-control-color-hover, var(--slotted-text, CanvasText) );--_control-ink-done: var( --slotted-description-list-control-color-complete, var(--slotted-tone-success-text, CanvasText) );--_link-ink: var( --slotted-description-list-toggle-color, var(--slotted-tone-accent-text, LinkText) );--_term-width: var(--slotted-description-list-term-width, 14rem);--_pair-gap: var(--slotted-description-list-column-gap, var(--slotted-control-gap-md, 8px));--_group-gap: var( --slotted-description-list-group-gap, calc(var(--slotted-control-gap-md, 8px) * 3) );--_row-gap: var( --slotted-description-list-row-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_stack-gap: var(--slotted-description-list-stack-gap, var(--slotted-space-3, .375rem));--_pad-block: var( --slotted-description-list-cell-padding-block, var(--slotted-control-gap-md, 8px) );--_pad-inline: var( --slotted-description-list-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_glyph: var(--slotted-description-list-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hit: calc((var(--slotted-target-min, 24px) - var(--_glyph)) / 2);--_pair: fit-content(var(--_term-width)) minmax(0, 1fr);--_cols: var(--_pair);--_span-1: 2;--_span-2: 4;--_span-3: 6;--_item-cols: subgrid;--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_term-row: auto;--_desc-col: 2 / -1;--_desc-row: auto;--_action-col: -2 / -1;--_action-row: auto;color:var(--_ink);column-gap:var(--_group-gap);display:grid;font-family:var( --slotted-description-list-font-family, var(--slotted-font-family-sans, inherit) );font-size:var(--slotted-description-list-font-size, var(--slotted-control-font-size-md, 13px));grid-template-columns:var(--_cols);line-height:var(--slotted-description-list-line-height, var(--slotted-line-height-md, 1.5));margin:0}[data-ui=description-list] [data-part=list]:has([data-part=action]){--_pair: fit-content(var(--_term-width)) minmax(0, 1fr) auto;--_span-1: 3;--_span-2: 6;--_span-3: 9;--_desc-col: 2 / -2}[data-ui=description-list][data-columns=\"2\"] [data-part=list]{--_cols: repeat(2, var(--_pair))}[data-ui=description-list][data-columns=\"3\"] [data-part=list]{--_cols: repeat(3, var(--_pair))}[data-ui=description-list][data-layout=stack] [data-part=list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 2;--_span-3: 3;--_item-cols: minmax(0, 1fr);--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui=description-list][data-layout=stack] [data-part=list]:has([data-part=action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui=description-list] [data-part=item]{column-gap:var(--_item-col-gap);display:grid;grid-column:span var(--_span-1);grid-template-columns:var(--_item-cols);min-inline-size:0;row-gap:var(--_stack-gap)}[data-ui=description-list] [data-part=item][data-span=\"2\"]{grid-column:span var(--_span-2)}[data-ui=description-list] [data-part=item][data-span=\"3\"]{grid-column:span var(--_span-3)}[data-ui=description-list] [data-part=term]{color:var(--_term-ink);font-weight:var( --slotted-description-list-term-weight, var(--slotted-font-weight-medium, 500) );grid-column:var(--_term-col);grid-row:var(--_term-row);min-inline-size:var(--_term-floor, 0px);overflow-wrap:break-word}[data-ui=description-list] [data-part=list]:has([data-part=hint]){--_term-floor: var(--slotted-description-list-term-min, 12rem)}[data-ui=description-list] [data-part=hint]{color:var(--_hint-ink);contain:inline-size;display:block;font-size:var(--slotted-description-list-hint-font-size, var(--slotted-font-size-xs, .75rem));font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin-block-start:var(--slotted-space-1, .125rem)}[data-ui=description-list] [data-part=description]:not([data-clamp]){display:block}[data-ui=description-list] [data-part=description]:not([data-clamp]) [data-part=value]{display:inline}[data-ui=description-list] [data-part=description]:not([data-clamp]) [data-part=copy]{margin-inline-start:var(--_pair-gap);vertical-align:text-bottom}[data-ui=description-list] [data-part=description]{align-items:baseline;column-gap:max(var(--_pair-gap),var(--slotted-space-4, .5rem));display:grid;grid-column:var(--_desc-col);grid-row:var(--_desc-row);grid-template-columns:minmax(0,max-content) auto;justify-content:start;margin:0;min-inline-size:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=description-list] [data-part=value]{grid-column:1;min-inline-size:0;overflow-wrap:break-word}[data-ui=description-list] [data-part=description][data-clamp] [data-part=value]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-description-list-clamp, 2);display:-webkit-box;overflow:hidden}[data-ui=description-list] [data-part=description][data-clamp][data-revealed] [data-part=value]{-webkit-line-clamp:none;display:block;overflow:visible}[data-ui=description-list] [data-part=placeholder]{color:var(--_placeholder-ink)}[data-ui=description-list] :is([data-part=copy],[data-part=toggle]){appearance:none;background:none;border:0;border-radius:var(--slotted-description-list-radius, var(--slotted-control-radius, 4px));cursor:pointer;font:inherit;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=description-list] :is([data-part=copy],[data-part=toggle]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=description-list] [data-part=copy]{--slotted-icon-size: var(--_glyph);align-items:center;block-size:var(--slotted-target-min, 24px);color:var(--_control-ink);display:inline-flex;grid-column:2;inline-size:var(--slotted-target-min, 24px);justify-content:center;margin-block:calc(var(--_hit) * -1);padding:var(--_hit)}[data-ui=description-list] [data-part=copy]:enabled:not([data-complete]):hover{background-color:var( --slotted-description-list-control-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );color:var(--_control-ink-hover)}[data-ui=description-list] [data-part=copy]:enabled:not([data-complete]):active{background-color:var( --slotted-description-list-control-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui=description-list] [data-part=copy][data-complete]{color:var(--_control-ink-done)}@media(pointer:coarse){[data-ui=description-list] [data-part=copy]{position:relative}[data-ui=description-list] [data-part=copy]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=description-list] [data-part=toggle]{--slotted-icon-size: var(--_glyph);align-items:center;color:var(--_link-ink);column-gap:var(--slotted-space-2, .25rem);display:inline-flex;grid-column:1 / -1;justify-self:start;min-block-size:var(--slotted-target-min, 24px);padding-inline:0}[data-ui=description-list] [data-part=toggle]>[data-ui=icon]{rotate:0deg;transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=description-list] [data-revealed] [data-part=toggle]>[data-ui=icon]{rotate:180deg}[data-ui=description-list] [data-part=toggle]:enabled:hover{text-decoration-line:underline;text-underline-offset:var(--slotted-description-list-underline-offset, .2em)}[data-ui=description-list] [data-part=toggle]:enabled:active{color:var(--_control-ink-hover)}[data-ui=description-list] [data-part=action]{align-self:start;grid-column:var(--_action-col);grid-row:var(--_action-row);justify-self:end;margin:0;white-space:nowrap}[data-ui=description-list][data-variant=plain] [data-part=list]{row-gap:var(--_row-gap)}[data-ui=description-list][data-variant=ruled] [data-part=list]{row-gap:0}[data-ui=description-list][data-variant=ruled] [data-part=item]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--_rule);padding-block:var(--_pad-block)}[data-ui=description-list][data-variant=framed] [data-part=list]{background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_rule);border-radius:var(--slotted-description-list-frame-radius, var(--slotted-radius-md, 6px));column-gap:0;overflow:clip;row-gap:0}[data-ui=description-list][data-variant=framed] [data-part=item]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--_rule);column-gap:0}[data-ui=description-list][data-variant=framed][data-columns=\"1\"] [data-part=item]:first-child,[data-ui=description-list][data-variant=framed][data-columns=\"2\"] [data-part=item]:nth-child(-n+2),[data-ui=description-list][data-variant=framed][data-columns=\"3\"] [data-part=item]:nth-child(-n+3){border-block-start-width:0}[data-ui=description-list][data-variant=framed] :is([data-part=term],[data-part=description],[data-part=action]){padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=description-list][data-variant=framed] [data-part=term]{background-color:var(--_term-surface);border-inline-end:var(--slotted-border-width-thin, 1px) solid var(--_rule)}[data-ui=description-list][data-variant=framed][data-layout=stack] [data-part=term]{border-inline-end:0}@container slotted-description-list (max-width: 48rem){[data-ui=description-list][data-columns=\"3\"] [data-part=list]{--_cols: repeat(2, var(--_pair));--_span-3: var(--_span-2)}}@container slotted-description-list (max-width: 34rem){[data-ui=description-list][data-columns=\"2\"] [data-part=list],[data-ui=description-list][data-columns=\"3\"] [data-part=list]{--_cols: var(--_pair);--_span-2: var(--_span-1);--_span-3: var(--_span-1)}[data-ui=description-list][data-layout=row] [data-part=list]:has([data-part=hint]){--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui=description-list][data-layout=row] [data-part=list]:has([data-part=hint]):has([data-part=action]){--_item-cols: minmax(0, 1fr) auto}[data-ui=description-list][data-variant=framed][data-layout=row] [data-part=list]:has([data-part=hint]) [data-part=term]{border-inline-end:0}}@container slotted-description-list (max-width: 26rem){[data-ui=description-list][data-layout=row] [data-part=list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui=description-list][data-layout=row] [data-part=list]:has([data-part=action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui=description-list][data-variant=framed][data-layout=row] [data-part=term]{border-inline-end:0}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
166
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlDescriptionList, isStandalone: true, selector: "div[slDescriptionList]", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, termWidth: { classPropertyName: "termWidth", publicName: "termWidth", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "description-list", "data-ui-description-list": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-layout": "layoutValue()", "attr.data-columns": "columnsValue()", "attr.data-variant": "variantValue()", "style.--slotted-description-list-term-width": "termWidthValue() ?? null" } }, exportAs: ["slDescriptionList"], ngImport: i0, template: '<dl data-part="list" data-part-list=""><ng-content></ng-content></dl>', isInline: true, styles: ["@layer slotted.components{[data-ui-description-list]{container-name:slotted-description-list;container-type:inline-size;display:block}[data-ui-description-list] [data-part-list]{--_ink: var(--slotted-description-list-color, var(--slotted-text, CanvasText));--_term-ink: var(--slotted-description-list-term-color, var(--slotted-text-muted, GrayText));--_hint-ink: var(--slotted-description-list-hint-color, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-description-list-rule-color, var(--slotted-border-subtle, ButtonBorder));--_term-surface: var( --slotted-description-list-term-surface, var(--slotted-surface-sunken, Canvas) );--_surface: var(--slotted-description-list-surface, var(--slotted-surface, Canvas));--_placeholder-ink: var( --slotted-description-list-placeholder-color, var(--slotted-text-muted, GrayText) );--_control-ink: var( --slotted-description-list-control-color, var(--slotted-text-muted, GrayText) );--_control-ink-hover: var( --slotted-description-list-control-color-hover, var(--slotted-text, CanvasText) );--_control-ink-done: var( --slotted-description-list-control-color-complete, var(--slotted-tone-success-text, CanvasText) );--_link-ink: var( --slotted-description-list-toggle-color, var(--slotted-tone-accent-text, LinkText) );--_term-width: var(--slotted-description-list-term-width, 14rem);--_pair-gap: var(--slotted-description-list-column-gap, var(--slotted-control-gap-md, 8px));--_group-gap: var( --slotted-description-list-group-gap, calc(var(--slotted-control-gap-md, 8px) * 3) );--_row-gap: var( --slotted-description-list-row-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_stack-gap: var(--slotted-description-list-stack-gap, var(--slotted-space-3, .375rem));--_pad-block: var( --slotted-description-list-cell-padding-block, var(--slotted-control-gap-md, 8px) );--_pad-inline: var( --slotted-description-list-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_glyph: var(--slotted-description-list-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hit: calc((var(--slotted-target-min, 24px) - var(--_glyph)) / 2);--_pair: fit-content(var(--_term-width)) minmax(0, 1fr);--_cols: var(--_pair);--_span-1: 2;--_span-2: 4;--_span-3: 6;--_item-cols: subgrid;--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_term-row: auto;--_desc-col: 2 / -1;--_desc-row: auto;--_action-col: -2 / -1;--_action-row: auto;color:var(--_ink);column-gap:var(--_group-gap);display:grid;font-family:var( --slotted-description-list-font-family, var(--slotted-font-family-sans, inherit) );font-size:var(--slotted-description-list-font-size, var(--slotted-control-font-size-md, 13px));grid-template-columns:var(--_cols);line-height:var(--slotted-description-list-line-height, var(--slotted-line-height-md, 1.5));margin:0}[data-ui-description-list] [data-part-list]:has([data-part-action]){--_pair: fit-content(var(--_term-width)) minmax(0, 1fr) auto;--_span-1: 3;--_span-2: 6;--_span-3: 9;--_desc-col: 2 / -2}[data-ui-description-list][data-columns=\"2\"] [data-part-list]{--_cols: repeat(2, var(--_pair))}[data-ui-description-list][data-columns=\"3\"] [data-part-list]{--_cols: repeat(3, var(--_pair))}[data-ui-description-list][data-layout=stack] [data-part-list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 2;--_span-3: 3;--_item-cols: minmax(0, 1fr);--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui-description-list][data-layout=stack] [data-part-list]:has([data-part-action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui-description-list] [data-part-item]{column-gap:var(--_item-col-gap);display:grid;grid-column:span var(--_span-1);grid-template-columns:var(--_item-cols);min-inline-size:0;row-gap:var(--_stack-gap)}[data-ui-description-list] [data-part-item][data-span=\"2\"]{grid-column:span var(--_span-2)}[data-ui-description-list] [data-part-item][data-span=\"3\"]{grid-column:span var(--_span-3)}[data-ui-description-list] [data-part-term]{color:var(--_term-ink);font-weight:var( --slotted-description-list-term-weight, var(--slotted-font-weight-medium, 500) );grid-column:var(--_term-col);grid-row:var(--_term-row);min-inline-size:var(--_term-floor, 0px);overflow-wrap:break-word}[data-ui-description-list] [data-part-list]:has([data-part-hint]){--_term-floor: var(--slotted-description-list-term-min, 12rem)}[data-ui-description-list] [data-part-hint]{color:var(--_hint-ink);contain:inline-size;display:block;font-size:var(--slotted-description-list-hint-font-size, var(--slotted-font-size-xs, .75rem));font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin-block-start:var(--slotted-space-1, .125rem)}[data-ui-description-list] [data-part-description]:not([data-clamp]){display:block}[data-ui-description-list] [data-part-description]:not([data-clamp]) [data-part-value]{display:inline}[data-ui-description-list] [data-part-description]:not([data-clamp]) [data-part-copy]{margin-inline-start:var(--_pair-gap);vertical-align:text-bottom}[data-ui-description-list] [data-part-description]{align-items:baseline;column-gap:max(var(--_pair-gap),var(--slotted-space-4, .5rem));display:grid;grid-column:var(--_desc-col);grid-row:var(--_desc-row);grid-template-columns:minmax(0,max-content) auto;justify-content:start;margin:0;min-inline-size:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-description-list] [data-part-value]{grid-column:1;min-inline-size:0;overflow-wrap:break-word}[data-ui-description-list] [data-part-description][data-clamp] [data-part-value]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-description-list-clamp, 2);display:-webkit-box;overflow:hidden}[data-ui-description-list] [data-part-description][data-clamp][data-revealed] [data-part-value]{-webkit-line-clamp:none;display:block;overflow:visible}[data-ui-description-list] [data-part-placeholder]{color:var(--_placeholder-ink)}[data-ui-description-list] :is([data-part-copy],[data-part-toggle]){appearance:none;background:none;border:0;border-radius:var(--slotted-description-list-radius, var(--slotted-control-radius, 4px));cursor:pointer;font:inherit;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-description-list] :is([data-part-copy],[data-part-toggle]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-description-list] [data-part-copy]{--slotted-icon-size: var(--_glyph);align-items:center;block-size:var(--slotted-target-min, 24px);color:var(--_control-ink);display:inline-flex;grid-column:2;inline-size:var(--slotted-target-min, 24px);justify-content:center;margin-block:calc(var(--_hit) * -1);padding:var(--_hit)}[data-ui-description-list] [data-part-copy]:enabled:not([data-complete]):hover{background-color:var( --slotted-description-list-control-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );color:var(--_control-ink-hover)}[data-ui-description-list] [data-part-copy]:enabled:not([data-complete]):active{background-color:var( --slotted-description-list-control-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui-description-list] [data-part-copy][data-complete]{color:var(--_control-ink-done)}@media(pointer:coarse){[data-ui-description-list] [data-part-copy]{position:relative}[data-ui-description-list] [data-part-copy]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-description-list] [data-part-toggle]{--slotted-icon-size: var(--_glyph);align-items:center;color:var(--_link-ink);column-gap:var(--slotted-space-2, .25rem);display:inline-flex;grid-column:1 / -1;justify-self:start;min-block-size:var(--slotted-target-min, 24px);padding-inline:0}[data-ui-description-list] [data-part-toggle]>[data-ui-icon]{rotate:0deg;transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-description-list] [data-revealed] [data-part-toggle]>[data-ui-icon]{rotate:180deg}[data-ui-description-list] [data-part-toggle]:enabled:hover{text-decoration-line:underline;text-underline-offset:var(--slotted-description-list-underline-offset, .2em)}[data-ui-description-list] [data-part-toggle]:enabled:active{color:var(--_control-ink-hover)}[data-ui-description-list] [data-part-action]{align-self:start;grid-column:var(--_action-col);grid-row:var(--_action-row);justify-self:end;margin:0;white-space:nowrap}[data-ui-description-list][data-variant=plain] [data-part-list]{row-gap:var(--_row-gap)}[data-ui-description-list][data-variant=ruled] [data-part-list]{row-gap:0}[data-ui-description-list][data-variant=ruled] [data-part-item]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--_rule);padding-block:var(--_pad-block)}[data-ui-description-list][data-variant=framed] [data-part-list]{background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_rule);border-radius:var(--slotted-description-list-frame-radius, var(--slotted-radius-md, 6px));column-gap:0;overflow:clip;row-gap:0}[data-ui-description-list][data-variant=framed] [data-part-item]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--_rule);column-gap:0}[data-ui-description-list][data-variant=framed][data-columns=\"1\"] [data-part-item]:first-child,[data-ui-description-list][data-variant=framed][data-columns=\"2\"] [data-part-item]:nth-child(-n+2),[data-ui-description-list][data-variant=framed][data-columns=\"3\"] [data-part-item]:nth-child(-n+3){border-block-start-width:0}[data-ui-description-list][data-variant=framed] :is([data-part-term],[data-part-description],[data-part-action]){padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-description-list][data-variant=framed] [data-part-term]{background-color:var(--_term-surface);border-inline-end:var(--slotted-border-width-thin, 1px) solid var(--_rule)}[data-ui-description-list][data-variant=framed][data-layout=stack] [data-part-term]{border-inline-end:0}@container slotted-description-list (max-width: 48rem){[data-ui-description-list][data-columns=\"3\"] [data-part-list]{--_cols: repeat(2, var(--_pair));--_span-3: var(--_span-2)}}@container slotted-description-list (max-width: 34rem){[data-ui-description-list][data-columns=\"2\"] [data-part-list],[data-ui-description-list][data-columns=\"3\"] [data-part-list]{--_cols: var(--_pair);--_span-2: var(--_span-1);--_span-3: var(--_span-1)}[data-ui-description-list][data-layout=row] [data-part-list]:has([data-part-hint]){--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui-description-list][data-layout=row] [data-part-list]:has([data-part-hint]):has([data-part-action]){--_item-cols: minmax(0, 1fr) auto}[data-ui-description-list][data-variant=framed][data-layout=row] [data-part-list]:has([data-part-hint]) [data-part-term]{border-inline-end:0}}@container slotted-description-list (max-width: 26rem){[data-ui-description-list][data-layout=row] [data-part-list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui-description-list][data-layout=row] [data-part-list]:has([data-part-action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui-description-list][data-variant=framed][data-layout=row] [data-part-term]{border-inline-end:0}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
167
167
|
}
|
|
168
168
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDescriptionList, decorators: [{
|
|
169
169
|
type: Component,
|
|
170
|
-
args: [{ selector: 'div[slDescriptionList]', standalone: true, template: '<dl data-part="list"><ng-content></ng-content></dl>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slDescriptionList', host: {
|
|
170
|
+
args: [{ selector: 'div[slDescriptionList]', standalone: true, template: '<dl data-part="list" data-part-list=""><ng-content></ng-content></dl>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slDescriptionList', host: {
|
|
171
171
|
'data-ui': 'description-list',
|
|
172
|
+
'data-ui-description-list': '',
|
|
172
173
|
'data-part': 'root',
|
|
174
|
+
'data-part-root': '',
|
|
173
175
|
'[attr.data-layout]': 'layoutValue()',
|
|
174
176
|
'[attr.data-columns]': 'columnsValue()',
|
|
175
177
|
'[attr.data-variant]': 'variantValue()',
|
|
176
178
|
'[style.--slotted-description-list-term-width]': 'termWidthValue() ?? null',
|
|
177
|
-
}, styles: ["@layer slotted.components{[data-ui=description-list]{container-name:slotted-description-list;container-type:inline-size;display:block}[data-ui=description-list] [data-part=list]{--_ink: var(--slotted-description-list-color, var(--slotted-text, CanvasText));--_term-ink: var(--slotted-description-list-term-color, var(--slotted-text-muted, GrayText));--_hint-ink: var(--slotted-description-list-hint-color, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-description-list-rule-color, var(--slotted-border-subtle, ButtonBorder));--_term-surface: var( --slotted-description-list-term-surface, var(--slotted-surface-sunken, Canvas) );--_surface: var(--slotted-description-list-surface, var(--slotted-surface, Canvas));--_placeholder-ink: var( --slotted-description-list-placeholder-color, var(--slotted-text-muted, GrayText) );--_control-ink: var( --slotted-description-list-control-color, var(--slotted-text-muted, GrayText) );--_control-ink-hover: var( --slotted-description-list-control-color-hover, var(--slotted-text, CanvasText) );--_control-ink-done: var( --slotted-description-list-control-color-complete, var(--slotted-tone-success-text, CanvasText) );--_link-ink: var( --slotted-description-list-toggle-color, var(--slotted-tone-accent-text, LinkText) );--_term-width: var(--slotted-description-list-term-width, 14rem);--_pair-gap: var(--slotted-description-list-column-gap, var(--slotted-control-gap-md, 8px));--_group-gap: var( --slotted-description-list-group-gap, calc(var(--slotted-control-gap-md, 8px) * 3) );--_row-gap: var( --slotted-description-list-row-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_stack-gap: var(--slotted-description-list-stack-gap, var(--slotted-space-3, .375rem));--_pad-block: var( --slotted-description-list-cell-padding-block, var(--slotted-control-gap-md, 8px) );--_pad-inline: var( --slotted-description-list-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_glyph: var(--slotted-description-list-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hit: calc((var(--slotted-target-min, 24px) - var(--_glyph)) / 2);--_pair: fit-content(var(--_term-width)) minmax(0, 1fr);--_cols: var(--_pair);--_span-1: 2;--_span-2: 4;--_span-3: 6;--_item-cols: subgrid;--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_term-row: auto;--_desc-col: 2 / -1;--_desc-row: auto;--_action-col: -2 / -1;--_action-row: auto;color:var(--_ink);column-gap:var(--_group-gap);display:grid;font-family:var( --slotted-description-list-font-family, var(--slotted-font-family-sans, inherit) );font-size:var(--slotted-description-list-font-size, var(--slotted-control-font-size-md, 13px));grid-template-columns:var(--_cols);line-height:var(--slotted-description-list-line-height, var(--slotted-line-height-md, 1.5));margin:0}[data-ui=description-list] [data-part=list]:has([data-part=action]){--_pair: fit-content(var(--_term-width)) minmax(0, 1fr) auto;--_span-1: 3;--_span-2: 6;--_span-3: 9;--_desc-col: 2 / -2}[data-ui=description-list][data-columns=\"2\"] [data-part=list]{--_cols: repeat(2, var(--_pair))}[data-ui=description-list][data-columns=\"3\"] [data-part=list]{--_cols: repeat(3, var(--_pair))}[data-ui=description-list][data-layout=stack] [data-part=list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 2;--_span-3: 3;--_item-cols: minmax(0, 1fr);--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui=description-list][data-layout=stack] [data-part=list]:has([data-part=action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui=description-list] [data-part=item]{column-gap:var(--_item-col-gap);display:grid;grid-column:span var(--_span-1);grid-template-columns:var(--_item-cols);min-inline-size:0;row-gap:var(--_stack-gap)}[data-ui=description-list] [data-part=item][data-span=\"2\"]{grid-column:span var(--_span-2)}[data-ui=description-list] [data-part=item][data-span=\"3\"]{grid-column:span var(--_span-3)}[data-ui=description-list] [data-part=term]{color:var(--_term-ink);font-weight:var( --slotted-description-list-term-weight, var(--slotted-font-weight-medium, 500) );grid-column:var(--_term-col);grid-row:var(--_term-row);min-inline-size:var(--_term-floor, 0px);overflow-wrap:break-word}[data-ui=description-list] [data-part=list]:has([data-part=hint]){--_term-floor: var(--slotted-description-list-term-min, 12rem)}[data-ui=description-list] [data-part=hint]{color:var(--_hint-ink);contain:inline-size;display:block;font-size:var(--slotted-description-list-hint-font-size, var(--slotted-font-size-xs, .75rem));font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin-block-start:var(--slotted-space-1, .125rem)}[data-ui=description-list] [data-part=description]:not([data-clamp]){display:block}[data-ui=description-list] [data-part=description]:not([data-clamp]) [data-part=value]{display:inline}[data-ui=description-list] [data-part=description]:not([data-clamp]) [data-part=copy]{margin-inline-start:var(--_pair-gap);vertical-align:text-bottom}[data-ui=description-list] [data-part=description]{align-items:baseline;column-gap:max(var(--_pair-gap),var(--slotted-space-4, .5rem));display:grid;grid-column:var(--_desc-col);grid-row:var(--_desc-row);grid-template-columns:minmax(0,max-content) auto;justify-content:start;margin:0;min-inline-size:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=description-list] [data-part=value]{grid-column:1;min-inline-size:0;overflow-wrap:break-word}[data-ui=description-list] [data-part=description][data-clamp] [data-part=value]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-description-list-clamp, 2);display:-webkit-box;overflow:hidden}[data-ui=description-list] [data-part=description][data-clamp][data-revealed] [data-part=value]{-webkit-line-clamp:none;display:block;overflow:visible}[data-ui=description-list] [data-part=placeholder]{color:var(--_placeholder-ink)}[data-ui=description-list] :is([data-part=copy],[data-part=toggle]){appearance:none;background:none;border:0;border-radius:var(--slotted-description-list-radius, var(--slotted-control-radius, 4px));cursor:pointer;font:inherit;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=description-list] :is([data-part=copy],[data-part=toggle]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=description-list] [data-part=copy]{--slotted-icon-size: var(--_glyph);align-items:center;block-size:var(--slotted-target-min, 24px);color:var(--_control-ink);display:inline-flex;grid-column:2;inline-size:var(--slotted-target-min, 24px);justify-content:center;margin-block:calc(var(--_hit) * -1);padding:var(--_hit)}[data-ui=description-list] [data-part=copy]:enabled:not([data-complete]):hover{background-color:var( --slotted-description-list-control-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );color:var(--_control-ink-hover)}[data-ui=description-list] [data-part=copy]:enabled:not([data-complete]):active{background-color:var( --slotted-description-list-control-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui=description-list] [data-part=copy][data-complete]{color:var(--_control-ink-done)}@media(pointer:coarse){[data-ui=description-list] [data-part=copy]{position:relative}[data-ui=description-list] [data-part=copy]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=description-list] [data-part=toggle]{--slotted-icon-size: var(--_glyph);align-items:center;color:var(--_link-ink);column-gap:var(--slotted-space-2, .25rem);display:inline-flex;grid-column:1 / -1;justify-self:start;min-block-size:var(--slotted-target-min, 24px);padding-inline:0}[data-ui=description-list] [data-part=toggle]>[data-ui=icon]{rotate:0deg;transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=description-list] [data-revealed] [data-part=toggle]>[data-ui=icon]{rotate:180deg}[data-ui=description-list] [data-part=toggle]:enabled:hover{text-decoration-line:underline;text-underline-offset:var(--slotted-description-list-underline-offset, .2em)}[data-ui=description-list] [data-part=toggle]:enabled:active{color:var(--_control-ink-hover)}[data-ui=description-list] [data-part=action]{align-self:start;grid-column:var(--_action-col);grid-row:var(--_action-row);justify-self:end;margin:0;white-space:nowrap}[data-ui=description-list][data-variant=plain] [data-part=list]{row-gap:var(--_row-gap)}[data-ui=description-list][data-variant=ruled] [data-part=list]{row-gap:0}[data-ui=description-list][data-variant=ruled] [data-part=item]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--_rule);padding-block:var(--_pad-block)}[data-ui=description-list][data-variant=framed] [data-part=list]{background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_rule);border-radius:var(--slotted-description-list-frame-radius, var(--slotted-radius-md, 6px));column-gap:0;overflow:clip;row-gap:0}[data-ui=description-list][data-variant=framed] [data-part=item]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--_rule);column-gap:0}[data-ui=description-list][data-variant=framed][data-columns=\"1\"] [data-part=item]:first-child,[data-ui=description-list][data-variant=framed][data-columns=\"2\"] [data-part=item]:nth-child(-n+2),[data-ui=description-list][data-variant=framed][data-columns=\"3\"] [data-part=item]:nth-child(-n+3){border-block-start-width:0}[data-ui=description-list][data-variant=framed] :is([data-part=term],[data-part=description],[data-part=action]){padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=description-list][data-variant=framed] [data-part=term]{background-color:var(--_term-surface);border-inline-end:var(--slotted-border-width-thin, 1px) solid var(--_rule)}[data-ui=description-list][data-variant=framed][data-layout=stack] [data-part=term]{border-inline-end:0}@container slotted-description-list (max-width: 48rem){[data-ui=description-list][data-columns=\"3\"] [data-part=list]{--_cols: repeat(2, var(--_pair));--_span-3: var(--_span-2)}}@container slotted-description-list (max-width: 34rem){[data-ui=description-list][data-columns=\"2\"] [data-part=list],[data-ui=description-list][data-columns=\"3\"] [data-part=list]{--_cols: var(--_pair);--_span-2: var(--_span-1);--_span-3: var(--_span-1)}[data-ui=description-list][data-layout=row] [data-part=list]:has([data-part=hint]){--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui=description-list][data-layout=row] [data-part=list]:has([data-part=hint]):has([data-part=action]){--_item-cols: minmax(0, 1fr) auto}[data-ui=description-list][data-variant=framed][data-layout=row] [data-part=list]:has([data-part=hint]) [data-part=term]{border-inline-end:0}}@container slotted-description-list (max-width: 26rem){[data-ui=description-list][data-layout=row] [data-part=list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui=description-list][data-layout=row] [data-part=list]:has([data-part=action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui=description-list][data-variant=framed][data-layout=row] [data-part=term]{border-inline-end:0}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
179
|
+
}, styles: ["@layer slotted.components{[data-ui-description-list]{container-name:slotted-description-list;container-type:inline-size;display:block}[data-ui-description-list] [data-part-list]{--_ink: var(--slotted-description-list-color, var(--slotted-text, CanvasText));--_term-ink: var(--slotted-description-list-term-color, var(--slotted-text-muted, GrayText));--_hint-ink: var(--slotted-description-list-hint-color, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-description-list-rule-color, var(--slotted-border-subtle, ButtonBorder));--_term-surface: var( --slotted-description-list-term-surface, var(--slotted-surface-sunken, Canvas) );--_surface: var(--slotted-description-list-surface, var(--slotted-surface, Canvas));--_placeholder-ink: var( --slotted-description-list-placeholder-color, var(--slotted-text-muted, GrayText) );--_control-ink: var( --slotted-description-list-control-color, var(--slotted-text-muted, GrayText) );--_control-ink-hover: var( --slotted-description-list-control-color-hover, var(--slotted-text, CanvasText) );--_control-ink-done: var( --slotted-description-list-control-color-complete, var(--slotted-tone-success-text, CanvasText) );--_link-ink: var( --slotted-description-list-toggle-color, var(--slotted-tone-accent-text, LinkText) );--_term-width: var(--slotted-description-list-term-width, 14rem);--_pair-gap: var(--slotted-description-list-column-gap, var(--slotted-control-gap-md, 8px));--_group-gap: var( --slotted-description-list-group-gap, calc(var(--slotted-control-gap-md, 8px) * 3) );--_row-gap: var( --slotted-description-list-row-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_stack-gap: var(--slotted-description-list-stack-gap, var(--slotted-space-3, .375rem));--_pad-block: var( --slotted-description-list-cell-padding-block, var(--slotted-control-gap-md, 8px) );--_pad-inline: var( --slotted-description-list-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_glyph: var(--slotted-description-list-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hit: calc((var(--slotted-target-min, 24px) - var(--_glyph)) / 2);--_pair: fit-content(var(--_term-width)) minmax(0, 1fr);--_cols: var(--_pair);--_span-1: 2;--_span-2: 4;--_span-3: 6;--_item-cols: subgrid;--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_term-row: auto;--_desc-col: 2 / -1;--_desc-row: auto;--_action-col: -2 / -1;--_action-row: auto;color:var(--_ink);column-gap:var(--_group-gap);display:grid;font-family:var( --slotted-description-list-font-family, var(--slotted-font-family-sans, inherit) );font-size:var(--slotted-description-list-font-size, var(--slotted-control-font-size-md, 13px));grid-template-columns:var(--_cols);line-height:var(--slotted-description-list-line-height, var(--slotted-line-height-md, 1.5));margin:0}[data-ui-description-list] [data-part-list]:has([data-part-action]){--_pair: fit-content(var(--_term-width)) minmax(0, 1fr) auto;--_span-1: 3;--_span-2: 6;--_span-3: 9;--_desc-col: 2 / -2}[data-ui-description-list][data-columns=\"2\"] [data-part-list]{--_cols: repeat(2, var(--_pair))}[data-ui-description-list][data-columns=\"3\"] [data-part-list]{--_cols: repeat(3, var(--_pair))}[data-ui-description-list][data-layout=stack] [data-part-list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 2;--_span-3: 3;--_item-cols: minmax(0, 1fr);--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui-description-list][data-layout=stack] [data-part-list]:has([data-part-action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui-description-list] [data-part-item]{column-gap:var(--_item-col-gap);display:grid;grid-column:span var(--_span-1);grid-template-columns:var(--_item-cols);min-inline-size:0;row-gap:var(--_stack-gap)}[data-ui-description-list] [data-part-item][data-span=\"2\"]{grid-column:span var(--_span-2)}[data-ui-description-list] [data-part-item][data-span=\"3\"]{grid-column:span var(--_span-3)}[data-ui-description-list] [data-part-term]{color:var(--_term-ink);font-weight:var( --slotted-description-list-term-weight, var(--slotted-font-weight-medium, 500) );grid-column:var(--_term-col);grid-row:var(--_term-row);min-inline-size:var(--_term-floor, 0px);overflow-wrap:break-word}[data-ui-description-list] [data-part-list]:has([data-part-hint]){--_term-floor: var(--slotted-description-list-term-min, 12rem)}[data-ui-description-list] [data-part-hint]{color:var(--_hint-ink);contain:inline-size;display:block;font-size:var(--slotted-description-list-hint-font-size, var(--slotted-font-size-xs, .75rem));font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin-block-start:var(--slotted-space-1, .125rem)}[data-ui-description-list] [data-part-description]:not([data-clamp]){display:block}[data-ui-description-list] [data-part-description]:not([data-clamp]) [data-part-value]{display:inline}[data-ui-description-list] [data-part-description]:not([data-clamp]) [data-part-copy]{margin-inline-start:var(--_pair-gap);vertical-align:text-bottom}[data-ui-description-list] [data-part-description]{align-items:baseline;column-gap:max(var(--_pair-gap),var(--slotted-space-4, .5rem));display:grid;grid-column:var(--_desc-col);grid-row:var(--_desc-row);grid-template-columns:minmax(0,max-content) auto;justify-content:start;margin:0;min-inline-size:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-description-list] [data-part-value]{grid-column:1;min-inline-size:0;overflow-wrap:break-word}[data-ui-description-list] [data-part-description][data-clamp] [data-part-value]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-description-list-clamp, 2);display:-webkit-box;overflow:hidden}[data-ui-description-list] [data-part-description][data-clamp][data-revealed] [data-part-value]{-webkit-line-clamp:none;display:block;overflow:visible}[data-ui-description-list] [data-part-placeholder]{color:var(--_placeholder-ink)}[data-ui-description-list] :is([data-part-copy],[data-part-toggle]){appearance:none;background:none;border:0;border-radius:var(--slotted-description-list-radius, var(--slotted-control-radius, 4px));cursor:pointer;font:inherit;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-description-list] :is([data-part-copy],[data-part-toggle]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-description-list] [data-part-copy]{--slotted-icon-size: var(--_glyph);align-items:center;block-size:var(--slotted-target-min, 24px);color:var(--_control-ink);display:inline-flex;grid-column:2;inline-size:var(--slotted-target-min, 24px);justify-content:center;margin-block:calc(var(--_hit) * -1);padding:var(--_hit)}[data-ui-description-list] [data-part-copy]:enabled:not([data-complete]):hover{background-color:var( --slotted-description-list-control-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );color:var(--_control-ink-hover)}[data-ui-description-list] [data-part-copy]:enabled:not([data-complete]):active{background-color:var( --slotted-description-list-control-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui-description-list] [data-part-copy][data-complete]{color:var(--_control-ink-done)}@media(pointer:coarse){[data-ui-description-list] [data-part-copy]{position:relative}[data-ui-description-list] [data-part-copy]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-description-list] [data-part-toggle]{--slotted-icon-size: var(--_glyph);align-items:center;color:var(--_link-ink);column-gap:var(--slotted-space-2, .25rem);display:inline-flex;grid-column:1 / -1;justify-self:start;min-block-size:var(--slotted-target-min, 24px);padding-inline:0}[data-ui-description-list] [data-part-toggle]>[data-ui-icon]{rotate:0deg;transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-description-list] [data-revealed] [data-part-toggle]>[data-ui-icon]{rotate:180deg}[data-ui-description-list] [data-part-toggle]:enabled:hover{text-decoration-line:underline;text-underline-offset:var(--slotted-description-list-underline-offset, .2em)}[data-ui-description-list] [data-part-toggle]:enabled:active{color:var(--_control-ink-hover)}[data-ui-description-list] [data-part-action]{align-self:start;grid-column:var(--_action-col);grid-row:var(--_action-row);justify-self:end;margin:0;white-space:nowrap}[data-ui-description-list][data-variant=plain] [data-part-list]{row-gap:var(--_row-gap)}[data-ui-description-list][data-variant=ruled] [data-part-list]{row-gap:0}[data-ui-description-list][data-variant=ruled] [data-part-item]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--_rule);padding-block:var(--_pad-block)}[data-ui-description-list][data-variant=framed] [data-part-list]{background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_rule);border-radius:var(--slotted-description-list-frame-radius, var(--slotted-radius-md, 6px));column-gap:0;overflow:clip;row-gap:0}[data-ui-description-list][data-variant=framed] [data-part-item]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--_rule);column-gap:0}[data-ui-description-list][data-variant=framed][data-columns=\"1\"] [data-part-item]:first-child,[data-ui-description-list][data-variant=framed][data-columns=\"2\"] [data-part-item]:nth-child(-n+2),[data-ui-description-list][data-variant=framed][data-columns=\"3\"] [data-part-item]:nth-child(-n+3){border-block-start-width:0}[data-ui-description-list][data-variant=framed] :is([data-part-term],[data-part-description],[data-part-action]){padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-description-list][data-variant=framed] [data-part-term]{background-color:var(--_term-surface);border-inline-end:var(--slotted-border-width-thin, 1px) solid var(--_rule)}[data-ui-description-list][data-variant=framed][data-layout=stack] [data-part-term]{border-inline-end:0}@container slotted-description-list (max-width: 48rem){[data-ui-description-list][data-columns=\"3\"] [data-part-list]{--_cols: repeat(2, var(--_pair));--_span-3: var(--_span-2)}}@container slotted-description-list (max-width: 34rem){[data-ui-description-list][data-columns=\"2\"] [data-part-list],[data-ui-description-list][data-columns=\"3\"] [data-part-list]{--_cols: var(--_pair);--_span-2: var(--_span-1);--_span-3: var(--_span-1)}[data-ui-description-list][data-layout=row] [data-part-list]:has([data-part-hint]){--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui-description-list][data-layout=row] [data-part-list]:has([data-part-hint]):has([data-part-action]){--_item-cols: minmax(0, 1fr) auto}[data-ui-description-list][data-variant=framed][data-layout=row] [data-part-list]:has([data-part-hint]) [data-part-term]{border-inline-end:0}}@container slotted-description-list (max-width: 26rem){[data-ui-description-list][data-layout=row] [data-part-list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui-description-list][data-layout=row] [data-part-list]:has([data-part-action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui-description-list][data-variant=framed][data-layout=row] [data-part-term]{border-inline-end:0}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
178
180
|
}], propDecorators: { layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], termWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "termWidth", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }] } });
|
|
179
181
|
/**
|
|
180
182
|
* One name-value pair, and the `div` the HTML Standard permits inside a `dl`.
|
|
@@ -191,7 +193,7 @@ class SlDescriptionListItem {
|
|
|
191
193
|
spanValue = computed(() => spanWithin(this.span(), this.list.columnsValue()) ?? null, /* @ts-ignore */
|
|
192
194
|
...(ngDevMode ? [{ debugName: "spanValue" }] : /* istanbul ignore next */ []));
|
|
193
195
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDescriptionListItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
194
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlDescriptionListItem, isStandalone: true, selector: "div[slDescriptionListItem]", inputs: { span: { classPropertyName: "span", publicName: "span", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item" }, properties: { "attr.data-span": "spanValue()" } }, exportAs: ["slDescriptionListItem"], ngImport: i0 });
|
|
196
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlDescriptionListItem, isStandalone: true, selector: "div[slDescriptionListItem]", inputs: { span: { classPropertyName: "span", publicName: "span", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item", "data-part-item": "" }, properties: { "attr.data-span": "spanValue()" } }, exportAs: ["slDescriptionListItem"], ngImport: i0 });
|
|
195
197
|
}
|
|
196
198
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDescriptionListItem, decorators: [{
|
|
197
199
|
type: Directive,
|
|
@@ -201,6 +203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
201
203
|
exportAs: 'slDescriptionListItem',
|
|
202
204
|
host: {
|
|
203
205
|
'data-part': 'item',
|
|
206
|
+
'data-part-item': '',
|
|
204
207
|
'[attr.data-span]': 'spanValue()',
|
|
205
208
|
},
|
|
206
209
|
}]
|
|
@@ -215,7 +218,7 @@ class SlDescriptionListTerm {
|
|
|
215
218
|
ownId = inject(new HostAttributeToken('id'), { optional: true });
|
|
216
219
|
identifier = this.ownId ?? this.item?.termId ?? null;
|
|
217
220
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDescriptionListTerm, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
218
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDescriptionListTerm, isStandalone: true, selector: "dt[slDescriptionListTerm]", host: { attributes: { "data-part": "term" }, properties: { "attr.id": "identifier" } }, exportAs: ["slDescriptionListTerm"], ngImport: i0 });
|
|
221
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDescriptionListTerm, isStandalone: true, selector: "dt[slDescriptionListTerm]", host: { attributes: { "data-part": "term", "data-part-term": "" }, properties: { "attr.id": "identifier" } }, exportAs: ["slDescriptionListTerm"], ngImport: i0 });
|
|
219
222
|
}
|
|
220
223
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDescriptionListTerm, decorators: [{
|
|
221
224
|
type: Directive,
|
|
@@ -225,6 +228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
225
228
|
exportAs: 'slDescriptionListTerm',
|
|
226
229
|
host: {
|
|
227
230
|
'data-part': 'term',
|
|
231
|
+
'data-part-term': '',
|
|
228
232
|
'[attr.id]': 'identifier',
|
|
229
233
|
},
|
|
230
234
|
}]
|
|
@@ -237,7 +241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
237
241
|
*/
|
|
238
242
|
class SlDescriptionListHint {
|
|
239
243
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDescriptionListHint, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
240
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDescriptionListHint, isStandalone: true, selector: "[slDescriptionListHint]", host: { attributes: { "data-part": "hint" } }, exportAs: ["slDescriptionListHint"], ngImport: i0 });
|
|
244
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDescriptionListHint, isStandalone: true, selector: "[slDescriptionListHint]", host: { attributes: { "data-part": "hint", "data-part-hint": "" } }, exportAs: ["slDescriptionListHint"], ngImport: i0 });
|
|
241
245
|
}
|
|
242
246
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDescriptionListHint, decorators: [{
|
|
243
247
|
type: Directive,
|
|
@@ -245,7 +249,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
245
249
|
selector: '[slDescriptionListHint]',
|
|
246
250
|
standalone: true,
|
|
247
251
|
exportAs: 'slDescriptionListHint',
|
|
248
|
-
host: { 'data-part': 'hint' },
|
|
252
|
+
host: { 'data-part': 'hint', 'data-part-hint': '' },
|
|
249
253
|
}]
|
|
250
254
|
}] });
|
|
251
255
|
/**
|
|
@@ -409,15 +413,17 @@ class SlDescriptionListDescription {
|
|
|
409
413
|
return reason;
|
|
410
414
|
}
|
|
411
415
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDescriptionListDescription, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
412
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDescriptionListDescription, isStandalone: true, selector: "dd[slDescriptionListDescription]", inputs: { clamp: { classPropertyName: "clamp", publicName: "clamp", isSignal: true, isRequired: false, transformFunction: null }, copy: { classPropertyName: "copy", publicName: "copy", isSignal: true, isRequired: false, transformFunction: null }, copyValue: { classPropertyName: "copyValue", publicName: "copyValue", isSignal: true, isRequired: false, transformFunction: null }, empty: { classPropertyName: "empty", publicName: "empty", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, revealedValue: { classPropertyName: "revealedValue", publicName: "revealed", isSignal: true, isRequired: false, transformFunction: null }, defaultRevealed: { classPropertyName: "defaultRevealed", publicName: "defaultRevealed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { revealedChange: "revealedChange", copied$: "copied" }, host: { attributes: { "data-part": "description" }, properties: { "attr.data-clamp": "clampValue() > 0 ? \"\" : null", "attr.data-revealed": "clampValue() > 0 && revealed() ? \"\" : null", "style.--slotted-description-list-clamp": "clampValue() > 0 ? clampValue() : null" } }, viewQueries: [{ propertyName: "value", first: true, predicate: ["value"], descendants: true, isSignal: true }], exportAs: ["slDescriptionListDescription"], ngImport: i0, template: `
|
|
413
|
-
<span #value data-part="value">
|
|
416
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDescriptionListDescription, isStandalone: true, selector: "dd[slDescriptionListDescription]", inputs: { clamp: { classPropertyName: "clamp", publicName: "clamp", isSignal: true, isRequired: false, transformFunction: null }, copy: { classPropertyName: "copy", publicName: "copy", isSignal: true, isRequired: false, transformFunction: null }, copyValue: { classPropertyName: "copyValue", publicName: "copyValue", isSignal: true, isRequired: false, transformFunction: null }, empty: { classPropertyName: "empty", publicName: "empty", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, revealedValue: { classPropertyName: "revealedValue", publicName: "revealed", isSignal: true, isRequired: false, transformFunction: null }, defaultRevealed: { classPropertyName: "defaultRevealed", publicName: "defaultRevealed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { revealedChange: "revealedChange", copied$: "copied" }, host: { attributes: { "data-part": "description", "data-part-description": "" }, properties: { "attr.data-clamp": "clampValue() > 0 ? \"\" : null", "attr.data-revealed": "clampValue() > 0 && revealed() ? \"\" : null", "style.--slotted-description-list-clamp": "clampValue() > 0 ? clampValue() : null" } }, viewQueries: [{ propertyName: "value", first: true, predicate: ["value"], descendants: true, isSignal: true }], exportAs: ["slDescriptionListDescription"], ngImport: i0, template: `
|
|
417
|
+
<span #value data-part="value" data-part-value="">
|
|
414
418
|
<ng-content></ng-content>
|
|
415
419
|
@if (empty()) {
|
|
416
420
|
@if (placeholder()) {
|
|
417
|
-
<span data-part="placeholder">{{ placeholder() }}</span>
|
|
421
|
+
<span data-part="placeholder" data-part-placeholder="">{{ placeholder() }}</span>
|
|
418
422
|
} @else {
|
|
419
|
-
<span aria-hidden="true" data-part="placeholder">{{
|
|
420
|
-
|
|
423
|
+
<span aria-hidden="true" data-part="placeholder" data-part-placeholder="">{{
|
|
424
|
+
emptyMark
|
|
425
|
+
}}</span>
|
|
426
|
+
<span data-ui="visually-hidden" data-ui-visually-hidden="">{{ placeholderText() }}</span>
|
|
421
427
|
}
|
|
422
428
|
}
|
|
423
429
|
</span>
|
|
@@ -426,6 +432,7 @@ class SlDescriptionListDescription {
|
|
|
426
432
|
[attr.aria-label]="list.t('copy')"
|
|
427
433
|
[attr.data-complete]="copied() ? '' : null"
|
|
428
434
|
data-part="copy"
|
|
435
|
+
data-part-copy=""
|
|
429
436
|
type="button"
|
|
430
437
|
(click)="onCopy($event)"
|
|
431
438
|
(keydown)="onKeydown($event)"
|
|
@@ -438,6 +445,7 @@ class SlDescriptionListDescription {
|
|
|
438
445
|
<button
|
|
439
446
|
[attr.aria-expanded]="revealed()"
|
|
440
447
|
data-part="toggle"
|
|
448
|
+
data-part-toggle=""
|
|
441
449
|
type="button"
|
|
442
450
|
(click)="onToggle($event)"
|
|
443
451
|
(keydown)="onKeydown($event)"
|
|
@@ -446,19 +454,21 @@ class SlDescriptionListDescription {
|
|
|
446
454
|
<span slIcon><svg slGlyph name="chevron-down"></svg></span>
|
|
447
455
|
</button>
|
|
448
456
|
}
|
|
449
|
-
`, isInline: true, styles: ["@layer slotted.components{[data-ui=description-list]{container-name:slotted-description-list;container-type:inline-size;display:block}[data-ui=description-list] [data-part=list]{--_ink: var(--slotted-description-list-color, var(--slotted-text, CanvasText));--_term-ink: var(--slotted-description-list-term-color, var(--slotted-text-muted, GrayText));--_hint-ink: var(--slotted-description-list-hint-color, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-description-list-rule-color, var(--slotted-border-subtle, ButtonBorder));--_term-surface: var( --slotted-description-list-term-surface, var(--slotted-surface-sunken, Canvas) );--_surface: var(--slotted-description-list-surface, var(--slotted-surface, Canvas));--_placeholder-ink: var( --slotted-description-list-placeholder-color, var(--slotted-text-muted, GrayText) );--_control-ink: var( --slotted-description-list-control-color, var(--slotted-text-muted, GrayText) );--_control-ink-hover: var( --slotted-description-list-control-color-hover, var(--slotted-text, CanvasText) );--_control-ink-done: var( --slotted-description-list-control-color-complete, var(--slotted-tone-success-text, CanvasText) );--_link-ink: var( --slotted-description-list-toggle-color, var(--slotted-tone-accent-text, LinkText) );--_term-width: var(--slotted-description-list-term-width, 14rem);--_pair-gap: var(--slotted-description-list-column-gap, var(--slotted-control-gap-md, 8px));--_group-gap: var( --slotted-description-list-group-gap, calc(var(--slotted-control-gap-md, 8px) * 3) );--_row-gap: var( --slotted-description-list-row-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_stack-gap: var(--slotted-description-list-stack-gap, var(--slotted-space-3, .375rem));--_pad-block: var( --slotted-description-list-cell-padding-block, var(--slotted-control-gap-md, 8px) );--_pad-inline: var( --slotted-description-list-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_glyph: var(--slotted-description-list-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hit: calc((var(--slotted-target-min, 24px) - var(--_glyph)) / 2);--_pair: fit-content(var(--_term-width)) minmax(0, 1fr);--_cols: var(--_pair);--_span-1: 2;--_span-2: 4;--_span-3: 6;--_item-cols: subgrid;--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_term-row: auto;--_desc-col: 2 / -1;--_desc-row: auto;--_action-col: -2 / -1;--_action-row: auto;color:var(--_ink);column-gap:var(--_group-gap);display:grid;font-family:var( --slotted-description-list-font-family, var(--slotted-font-family-sans, inherit) );font-size:var(--slotted-description-list-font-size, var(--slotted-control-font-size-md, 13px));grid-template-columns:var(--_cols);line-height:var(--slotted-description-list-line-height, var(--slotted-line-height-md, 1.5));margin:0}[data-ui=description-list] [data-part=list]:has([data-part=action]){--_pair: fit-content(var(--_term-width)) minmax(0, 1fr) auto;--_span-1: 3;--_span-2: 6;--_span-3: 9;--_desc-col: 2 / -2}[data-ui=description-list][data-columns=\"2\"] [data-part=list]{--_cols: repeat(2, var(--_pair))}[data-ui=description-list][data-columns=\"3\"] [data-part=list]{--_cols: repeat(3, var(--_pair))}[data-ui=description-list][data-layout=stack] [data-part=list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 2;--_span-3: 3;--_item-cols: minmax(0, 1fr);--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui=description-list][data-layout=stack] [data-part=list]:has([data-part=action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui=description-list] [data-part=item]{column-gap:var(--_item-col-gap);display:grid;grid-column:span var(--_span-1);grid-template-columns:var(--_item-cols);min-inline-size:0;row-gap:var(--_stack-gap)}[data-ui=description-list] [data-part=item][data-span=\"2\"]{grid-column:span var(--_span-2)}[data-ui=description-list] [data-part=item][data-span=\"3\"]{grid-column:span var(--_span-3)}[data-ui=description-list] [data-part=term]{color:var(--_term-ink);font-weight:var( --slotted-description-list-term-weight, var(--slotted-font-weight-medium, 500) );grid-column:var(--_term-col);grid-row:var(--_term-row);min-inline-size:var(--_term-floor, 0px);overflow-wrap:break-word}[data-ui=description-list] [data-part=list]:has([data-part=hint]){--_term-floor: var(--slotted-description-list-term-min, 12rem)}[data-ui=description-list] [data-part=hint]{color:var(--_hint-ink);contain:inline-size;display:block;font-size:var(--slotted-description-list-hint-font-size, var(--slotted-font-size-xs, .75rem));font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin-block-start:var(--slotted-space-1, .125rem)}[data-ui=description-list] [data-part=description]:not([data-clamp]){display:block}[data-ui=description-list] [data-part=description]:not([data-clamp]) [data-part=value]{display:inline}[data-ui=description-list] [data-part=description]:not([data-clamp]) [data-part=copy]{margin-inline-start:var(--_pair-gap);vertical-align:text-bottom}[data-ui=description-list] [data-part=description]{align-items:baseline;column-gap:max(var(--_pair-gap),var(--slotted-space-4, .5rem));display:grid;grid-column:var(--_desc-col);grid-row:var(--_desc-row);grid-template-columns:minmax(0,max-content) auto;justify-content:start;margin:0;min-inline-size:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=description-list] [data-part=value]{grid-column:1;min-inline-size:0;overflow-wrap:break-word}[data-ui=description-list] [data-part=description][data-clamp] [data-part=value]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-description-list-clamp, 2);display:-webkit-box;overflow:hidden}[data-ui=description-list] [data-part=description][data-clamp][data-revealed] [data-part=value]{-webkit-line-clamp:none;display:block;overflow:visible}[data-ui=description-list] [data-part=placeholder]{color:var(--_placeholder-ink)}[data-ui=description-list] :is([data-part=copy],[data-part=toggle]){appearance:none;background:none;border:0;border-radius:var(--slotted-description-list-radius, var(--slotted-control-radius, 4px));cursor:pointer;font:inherit;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=description-list] :is([data-part=copy],[data-part=toggle]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=description-list] [data-part=copy]{--slotted-icon-size: var(--_glyph);align-items:center;block-size:var(--slotted-target-min, 24px);color:var(--_control-ink);display:inline-flex;grid-column:2;inline-size:var(--slotted-target-min, 24px);justify-content:center;margin-block:calc(var(--_hit) * -1);padding:var(--_hit)}[data-ui=description-list] [data-part=copy]:enabled:not([data-complete]):hover{background-color:var( --slotted-description-list-control-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );color:var(--_control-ink-hover)}[data-ui=description-list] [data-part=copy]:enabled:not([data-complete]):active{background-color:var( --slotted-description-list-control-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui=description-list] [data-part=copy][data-complete]{color:var(--_control-ink-done)}@media(pointer:coarse){[data-ui=description-list] [data-part=copy]{position:relative}[data-ui=description-list] [data-part=copy]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=description-list] [data-part=toggle]{--slotted-icon-size: var(--_glyph);align-items:center;color:var(--_link-ink);column-gap:var(--slotted-space-2, .25rem);display:inline-flex;grid-column:1 / -1;justify-self:start;min-block-size:var(--slotted-target-min, 24px);padding-inline:0}[data-ui=description-list] [data-part=toggle]>[data-ui=icon]{rotate:0deg;transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=description-list] [data-revealed] [data-part=toggle]>[data-ui=icon]{rotate:180deg}[data-ui=description-list] [data-part=toggle]:enabled:hover{text-decoration-line:underline;text-underline-offset:var(--slotted-description-list-underline-offset, .2em)}[data-ui=description-list] [data-part=toggle]:enabled:active{color:var(--_control-ink-hover)}[data-ui=description-list] [data-part=action]{align-self:start;grid-column:var(--_action-col);grid-row:var(--_action-row);justify-self:end;margin:0;white-space:nowrap}[data-ui=description-list][data-variant=plain] [data-part=list]{row-gap:var(--_row-gap)}[data-ui=description-list][data-variant=ruled] [data-part=list]{row-gap:0}[data-ui=description-list][data-variant=ruled] [data-part=item]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--_rule);padding-block:var(--_pad-block)}[data-ui=description-list][data-variant=framed] [data-part=list]{background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_rule);border-radius:var(--slotted-description-list-frame-radius, var(--slotted-radius-md, 6px));column-gap:0;overflow:clip;row-gap:0}[data-ui=description-list][data-variant=framed] [data-part=item]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--_rule);column-gap:0}[data-ui=description-list][data-variant=framed][data-columns=\"1\"] [data-part=item]:first-child,[data-ui=description-list][data-variant=framed][data-columns=\"2\"] [data-part=item]:nth-child(-n+2),[data-ui=description-list][data-variant=framed][data-columns=\"3\"] [data-part=item]:nth-child(-n+3){border-block-start-width:0}[data-ui=description-list][data-variant=framed] :is([data-part=term],[data-part=description],[data-part=action]){padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=description-list][data-variant=framed] [data-part=term]{background-color:var(--_term-surface);border-inline-end:var(--slotted-border-width-thin, 1px) solid var(--_rule)}[data-ui=description-list][data-variant=framed][data-layout=stack] [data-part=term]{border-inline-end:0}@container slotted-description-list (max-width: 48rem){[data-ui=description-list][data-columns=\"3\"] [data-part=list]{--_cols: repeat(2, var(--_pair));--_span-3: var(--_span-2)}}@container slotted-description-list (max-width: 34rem){[data-ui=description-list][data-columns=\"2\"] [data-part=list],[data-ui=description-list][data-columns=\"3\"] [data-part=list]{--_cols: var(--_pair);--_span-2: var(--_span-1);--_span-3: var(--_span-1)}[data-ui=description-list][data-layout=row] [data-part=list]:has([data-part=hint]){--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui=description-list][data-layout=row] [data-part=list]:has([data-part=hint]):has([data-part=action]){--_item-cols: minmax(0, 1fr) auto}[data-ui=description-list][data-variant=framed][data-layout=row] [data-part=list]:has([data-part=hint]) [data-part=term]{border-inline-end:0}}@container slotted-description-list (max-width: 26rem){[data-ui=description-list][data-layout=row] [data-part=list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui=description-list][data-layout=row] [data-part=list]:has([data-part=action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui=description-list][data-variant=framed][data-layout=row] [data-part=term]{border-inline-end:0}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
457
|
+
`, isInline: true, styles: ["@layer slotted.components{[data-ui-description-list]{container-name:slotted-description-list;container-type:inline-size;display:block}[data-ui-description-list] [data-part-list]{--_ink: var(--slotted-description-list-color, var(--slotted-text, CanvasText));--_term-ink: var(--slotted-description-list-term-color, var(--slotted-text-muted, GrayText));--_hint-ink: var(--slotted-description-list-hint-color, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-description-list-rule-color, var(--slotted-border-subtle, ButtonBorder));--_term-surface: var( --slotted-description-list-term-surface, var(--slotted-surface-sunken, Canvas) );--_surface: var(--slotted-description-list-surface, var(--slotted-surface, Canvas));--_placeholder-ink: var( --slotted-description-list-placeholder-color, var(--slotted-text-muted, GrayText) );--_control-ink: var( --slotted-description-list-control-color, var(--slotted-text-muted, GrayText) );--_control-ink-hover: var( --slotted-description-list-control-color-hover, var(--slotted-text, CanvasText) );--_control-ink-done: var( --slotted-description-list-control-color-complete, var(--slotted-tone-success-text, CanvasText) );--_link-ink: var( --slotted-description-list-toggle-color, var(--slotted-tone-accent-text, LinkText) );--_term-width: var(--slotted-description-list-term-width, 14rem);--_pair-gap: var(--slotted-description-list-column-gap, var(--slotted-control-gap-md, 8px));--_group-gap: var( --slotted-description-list-group-gap, calc(var(--slotted-control-gap-md, 8px) * 3) );--_row-gap: var( --slotted-description-list-row-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_stack-gap: var(--slotted-description-list-stack-gap, var(--slotted-space-3, .375rem));--_pad-block: var( --slotted-description-list-cell-padding-block, var(--slotted-control-gap-md, 8px) );--_pad-inline: var( --slotted-description-list-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_glyph: var(--slotted-description-list-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hit: calc((var(--slotted-target-min, 24px) - var(--_glyph)) / 2);--_pair: fit-content(var(--_term-width)) minmax(0, 1fr);--_cols: var(--_pair);--_span-1: 2;--_span-2: 4;--_span-3: 6;--_item-cols: subgrid;--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_term-row: auto;--_desc-col: 2 / -1;--_desc-row: auto;--_action-col: -2 / -1;--_action-row: auto;color:var(--_ink);column-gap:var(--_group-gap);display:grid;font-family:var( --slotted-description-list-font-family, var(--slotted-font-family-sans, inherit) );font-size:var(--slotted-description-list-font-size, var(--slotted-control-font-size-md, 13px));grid-template-columns:var(--_cols);line-height:var(--slotted-description-list-line-height, var(--slotted-line-height-md, 1.5));margin:0}[data-ui-description-list] [data-part-list]:has([data-part-action]){--_pair: fit-content(var(--_term-width)) minmax(0, 1fr) auto;--_span-1: 3;--_span-2: 6;--_span-3: 9;--_desc-col: 2 / -2}[data-ui-description-list][data-columns=\"2\"] [data-part-list]{--_cols: repeat(2, var(--_pair))}[data-ui-description-list][data-columns=\"3\"] [data-part-list]{--_cols: repeat(3, var(--_pair))}[data-ui-description-list][data-layout=stack] [data-part-list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 2;--_span-3: 3;--_item-cols: minmax(0, 1fr);--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui-description-list][data-layout=stack] [data-part-list]:has([data-part-action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui-description-list] [data-part-item]{column-gap:var(--_item-col-gap);display:grid;grid-column:span var(--_span-1);grid-template-columns:var(--_item-cols);min-inline-size:0;row-gap:var(--_stack-gap)}[data-ui-description-list] [data-part-item][data-span=\"2\"]{grid-column:span var(--_span-2)}[data-ui-description-list] [data-part-item][data-span=\"3\"]{grid-column:span var(--_span-3)}[data-ui-description-list] [data-part-term]{color:var(--_term-ink);font-weight:var( --slotted-description-list-term-weight, var(--slotted-font-weight-medium, 500) );grid-column:var(--_term-col);grid-row:var(--_term-row);min-inline-size:var(--_term-floor, 0px);overflow-wrap:break-word}[data-ui-description-list] [data-part-list]:has([data-part-hint]){--_term-floor: var(--slotted-description-list-term-min, 12rem)}[data-ui-description-list] [data-part-hint]{color:var(--_hint-ink);contain:inline-size;display:block;font-size:var(--slotted-description-list-hint-font-size, var(--slotted-font-size-xs, .75rem));font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin-block-start:var(--slotted-space-1, .125rem)}[data-ui-description-list] [data-part-description]:not([data-clamp]){display:block}[data-ui-description-list] [data-part-description]:not([data-clamp]) [data-part-value]{display:inline}[data-ui-description-list] [data-part-description]:not([data-clamp]) [data-part-copy]{margin-inline-start:var(--_pair-gap);vertical-align:text-bottom}[data-ui-description-list] [data-part-description]{align-items:baseline;column-gap:max(var(--_pair-gap),var(--slotted-space-4, .5rem));display:grid;grid-column:var(--_desc-col);grid-row:var(--_desc-row);grid-template-columns:minmax(0,max-content) auto;justify-content:start;margin:0;min-inline-size:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-description-list] [data-part-value]{grid-column:1;min-inline-size:0;overflow-wrap:break-word}[data-ui-description-list] [data-part-description][data-clamp] [data-part-value]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-description-list-clamp, 2);display:-webkit-box;overflow:hidden}[data-ui-description-list] [data-part-description][data-clamp][data-revealed] [data-part-value]{-webkit-line-clamp:none;display:block;overflow:visible}[data-ui-description-list] [data-part-placeholder]{color:var(--_placeholder-ink)}[data-ui-description-list] :is([data-part-copy],[data-part-toggle]){appearance:none;background:none;border:0;border-radius:var(--slotted-description-list-radius, var(--slotted-control-radius, 4px));cursor:pointer;font:inherit;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-description-list] :is([data-part-copy],[data-part-toggle]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-description-list] [data-part-copy]{--slotted-icon-size: var(--_glyph);align-items:center;block-size:var(--slotted-target-min, 24px);color:var(--_control-ink);display:inline-flex;grid-column:2;inline-size:var(--slotted-target-min, 24px);justify-content:center;margin-block:calc(var(--_hit) * -1);padding:var(--_hit)}[data-ui-description-list] [data-part-copy]:enabled:not([data-complete]):hover{background-color:var( --slotted-description-list-control-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );color:var(--_control-ink-hover)}[data-ui-description-list] [data-part-copy]:enabled:not([data-complete]):active{background-color:var( --slotted-description-list-control-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui-description-list] [data-part-copy][data-complete]{color:var(--_control-ink-done)}@media(pointer:coarse){[data-ui-description-list] [data-part-copy]{position:relative}[data-ui-description-list] [data-part-copy]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-description-list] [data-part-toggle]{--slotted-icon-size: var(--_glyph);align-items:center;color:var(--_link-ink);column-gap:var(--slotted-space-2, .25rem);display:inline-flex;grid-column:1 / -1;justify-self:start;min-block-size:var(--slotted-target-min, 24px);padding-inline:0}[data-ui-description-list] [data-part-toggle]>[data-ui-icon]{rotate:0deg;transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-description-list] [data-revealed] [data-part-toggle]>[data-ui-icon]{rotate:180deg}[data-ui-description-list] [data-part-toggle]:enabled:hover{text-decoration-line:underline;text-underline-offset:var(--slotted-description-list-underline-offset, .2em)}[data-ui-description-list] [data-part-toggle]:enabled:active{color:var(--_control-ink-hover)}[data-ui-description-list] [data-part-action]{align-self:start;grid-column:var(--_action-col);grid-row:var(--_action-row);justify-self:end;margin:0;white-space:nowrap}[data-ui-description-list][data-variant=plain] [data-part-list]{row-gap:var(--_row-gap)}[data-ui-description-list][data-variant=ruled] [data-part-list]{row-gap:0}[data-ui-description-list][data-variant=ruled] [data-part-item]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--_rule);padding-block:var(--_pad-block)}[data-ui-description-list][data-variant=framed] [data-part-list]{background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_rule);border-radius:var(--slotted-description-list-frame-radius, var(--slotted-radius-md, 6px));column-gap:0;overflow:clip;row-gap:0}[data-ui-description-list][data-variant=framed] [data-part-item]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--_rule);column-gap:0}[data-ui-description-list][data-variant=framed][data-columns=\"1\"] [data-part-item]:first-child,[data-ui-description-list][data-variant=framed][data-columns=\"2\"] [data-part-item]:nth-child(-n+2),[data-ui-description-list][data-variant=framed][data-columns=\"3\"] [data-part-item]:nth-child(-n+3){border-block-start-width:0}[data-ui-description-list][data-variant=framed] :is([data-part-term],[data-part-description],[data-part-action]){padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-description-list][data-variant=framed] [data-part-term]{background-color:var(--_term-surface);border-inline-end:var(--slotted-border-width-thin, 1px) solid var(--_rule)}[data-ui-description-list][data-variant=framed][data-layout=stack] [data-part-term]{border-inline-end:0}@container slotted-description-list (max-width: 48rem){[data-ui-description-list][data-columns=\"3\"] [data-part-list]{--_cols: repeat(2, var(--_pair));--_span-3: var(--_span-2)}}@container slotted-description-list (max-width: 34rem){[data-ui-description-list][data-columns=\"2\"] [data-part-list],[data-ui-description-list][data-columns=\"3\"] [data-part-list]{--_cols: var(--_pair);--_span-2: var(--_span-1);--_span-3: var(--_span-1)}[data-ui-description-list][data-layout=row] [data-part-list]:has([data-part-hint]){--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui-description-list][data-layout=row] [data-part-list]:has([data-part-hint]):has([data-part-action]){--_item-cols: minmax(0, 1fr) auto}[data-ui-description-list][data-variant=framed][data-layout=row] [data-part-list]:has([data-part-hint]) [data-part-term]{border-inline-end:0}}@container slotted-description-list (max-width: 26rem){[data-ui-description-list][data-layout=row] [data-part-list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui-description-list][data-layout=row] [data-part-list]:has([data-part-action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui-description-list][data-variant=framed][data-layout=row] [data-part-term]{border-inline-end:0}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
450
458
|
}
|
|
451
459
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDescriptionListDescription, decorators: [{
|
|
452
460
|
type: Component,
|
|
453
461
|
args: [{ selector: 'dd[slDescriptionListDescription]', standalone: true, imports: [SlGlyph, SlIcon], template: `
|
|
454
|
-
<span #value data-part="value">
|
|
462
|
+
<span #value data-part="value" data-part-value="">
|
|
455
463
|
<ng-content></ng-content>
|
|
456
464
|
@if (empty()) {
|
|
457
465
|
@if (placeholder()) {
|
|
458
|
-
<span data-part="placeholder">{{ placeholder() }}</span>
|
|
466
|
+
<span data-part="placeholder" data-part-placeholder="">{{ placeholder() }}</span>
|
|
459
467
|
} @else {
|
|
460
|
-
<span aria-hidden="true" data-part="placeholder">{{
|
|
461
|
-
|
|
468
|
+
<span aria-hidden="true" data-part="placeholder" data-part-placeholder="">{{
|
|
469
|
+
emptyMark
|
|
470
|
+
}}</span>
|
|
471
|
+
<span data-ui="visually-hidden" data-ui-visually-hidden="">{{ placeholderText() }}</span>
|
|
462
472
|
}
|
|
463
473
|
}
|
|
464
474
|
</span>
|
|
@@ -467,6 +477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
467
477
|
[attr.aria-label]="list.t('copy')"
|
|
468
478
|
[attr.data-complete]="copied() ? '' : null"
|
|
469
479
|
data-part="copy"
|
|
480
|
+
data-part-copy=""
|
|
470
481
|
type="button"
|
|
471
482
|
(click)="onCopy($event)"
|
|
472
483
|
(keydown)="onKeydown($event)"
|
|
@@ -479,6 +490,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
479
490
|
<button
|
|
480
491
|
[attr.aria-expanded]="revealed()"
|
|
481
492
|
data-part="toggle"
|
|
493
|
+
data-part-toggle=""
|
|
482
494
|
type="button"
|
|
483
495
|
(click)="onToggle($event)"
|
|
484
496
|
(keydown)="onKeydown($event)"
|
|
@@ -489,10 +501,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
489
501
|
}
|
|
490
502
|
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slDescriptionListDescription', host: {
|
|
491
503
|
'data-part': 'description',
|
|
504
|
+
'data-part-description': '',
|
|
492
505
|
'[attr.data-clamp]': 'clampValue() > 0 ? "" : null',
|
|
493
506
|
'[attr.data-revealed]': 'clampValue() > 0 && revealed() ? "" : null',
|
|
494
507
|
'[style.--slotted-description-list-clamp]': 'clampValue() > 0 ? clampValue() : null',
|
|
495
|
-
}, styles: ["@layer slotted.components{[data-ui=description-list]{container-name:slotted-description-list;container-type:inline-size;display:block}[data-ui=description-list] [data-part=list]{--_ink: var(--slotted-description-list-color, var(--slotted-text, CanvasText));--_term-ink: var(--slotted-description-list-term-color, var(--slotted-text-muted, GrayText));--_hint-ink: var(--slotted-description-list-hint-color, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-description-list-rule-color, var(--slotted-border-subtle, ButtonBorder));--_term-surface: var( --slotted-description-list-term-surface, var(--slotted-surface-sunken, Canvas) );--_surface: var(--slotted-description-list-surface, var(--slotted-surface, Canvas));--_placeholder-ink: var( --slotted-description-list-placeholder-color, var(--slotted-text-muted, GrayText) );--_control-ink: var( --slotted-description-list-control-color, var(--slotted-text-muted, GrayText) );--_control-ink-hover: var( --slotted-description-list-control-color-hover, var(--slotted-text, CanvasText) );--_control-ink-done: var( --slotted-description-list-control-color-complete, var(--slotted-tone-success-text, CanvasText) );--_link-ink: var( --slotted-description-list-toggle-color, var(--slotted-tone-accent-text, LinkText) );--_term-width: var(--slotted-description-list-term-width, 14rem);--_pair-gap: var(--slotted-description-list-column-gap, var(--slotted-control-gap-md, 8px));--_group-gap: var( --slotted-description-list-group-gap, calc(var(--slotted-control-gap-md, 8px) * 3) );--_row-gap: var( --slotted-description-list-row-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_stack-gap: var(--slotted-description-list-stack-gap, var(--slotted-space-3, .375rem));--_pad-block: var( --slotted-description-list-cell-padding-block, var(--slotted-control-gap-md, 8px) );--_pad-inline: var( --slotted-description-list-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_glyph: var(--slotted-description-list-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hit: calc((var(--slotted-target-min, 24px) - var(--_glyph)) / 2);--_pair: fit-content(var(--_term-width)) minmax(0, 1fr);--_cols: var(--_pair);--_span-1: 2;--_span-2: 4;--_span-3: 6;--_item-cols: subgrid;--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_term-row: auto;--_desc-col: 2 / -1;--_desc-row: auto;--_action-col: -2 / -1;--_action-row: auto;color:var(--_ink);column-gap:var(--_group-gap);display:grid;font-family:var( --slotted-description-list-font-family, var(--slotted-font-family-sans, inherit) );font-size:var(--slotted-description-list-font-size, var(--slotted-control-font-size-md, 13px));grid-template-columns:var(--_cols);line-height:var(--slotted-description-list-line-height, var(--slotted-line-height-md, 1.5));margin:0}[data-ui=description-list] [data-part=list]:has([data-part=action]){--_pair: fit-content(var(--_term-width)) minmax(0, 1fr) auto;--_span-1: 3;--_span-2: 6;--_span-3: 9;--_desc-col: 2 / -2}[data-ui=description-list][data-columns=\"2\"] [data-part=list]{--_cols: repeat(2, var(--_pair))}[data-ui=description-list][data-columns=\"3\"] [data-part=list]{--_cols: repeat(3, var(--_pair))}[data-ui=description-list][data-layout=stack] [data-part=list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 2;--_span-3: 3;--_item-cols: minmax(0, 1fr);--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui=description-list][data-layout=stack] [data-part=list]:has([data-part=action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui=description-list] [data-part=item]{column-gap:var(--_item-col-gap);display:grid;grid-column:span var(--_span-1);grid-template-columns:var(--_item-cols);min-inline-size:0;row-gap:var(--_stack-gap)}[data-ui=description-list] [data-part=item][data-span=\"2\"]{grid-column:span var(--_span-2)}[data-ui=description-list] [data-part=item][data-span=\"3\"]{grid-column:span var(--_span-3)}[data-ui=description-list] [data-part=term]{color:var(--_term-ink);font-weight:var( --slotted-description-list-term-weight, var(--slotted-font-weight-medium, 500) );grid-column:var(--_term-col);grid-row:var(--_term-row);min-inline-size:var(--_term-floor, 0px);overflow-wrap:break-word}[data-ui=description-list] [data-part=list]:has([data-part=hint]){--_term-floor: var(--slotted-description-list-term-min, 12rem)}[data-ui=description-list] [data-part=hint]{color:var(--_hint-ink);contain:inline-size;display:block;font-size:var(--slotted-description-list-hint-font-size, var(--slotted-font-size-xs, .75rem));font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin-block-start:var(--slotted-space-1, .125rem)}[data-ui=description-list] [data-part=description]:not([data-clamp]){display:block}[data-ui=description-list] [data-part=description]:not([data-clamp]) [data-part=value]{display:inline}[data-ui=description-list] [data-part=description]:not([data-clamp]) [data-part=copy]{margin-inline-start:var(--_pair-gap);vertical-align:text-bottom}[data-ui=description-list] [data-part=description]{align-items:baseline;column-gap:max(var(--_pair-gap),var(--slotted-space-4, .5rem));display:grid;grid-column:var(--_desc-col);grid-row:var(--_desc-row);grid-template-columns:minmax(0,max-content) auto;justify-content:start;margin:0;min-inline-size:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=description-list] [data-part=value]{grid-column:1;min-inline-size:0;overflow-wrap:break-word}[data-ui=description-list] [data-part=description][data-clamp] [data-part=value]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-description-list-clamp, 2);display:-webkit-box;overflow:hidden}[data-ui=description-list] [data-part=description][data-clamp][data-revealed] [data-part=value]{-webkit-line-clamp:none;display:block;overflow:visible}[data-ui=description-list] [data-part=placeholder]{color:var(--_placeholder-ink)}[data-ui=description-list] :is([data-part=copy],[data-part=toggle]){appearance:none;background:none;border:0;border-radius:var(--slotted-description-list-radius, var(--slotted-control-radius, 4px));cursor:pointer;font:inherit;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=description-list] :is([data-part=copy],[data-part=toggle]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=description-list] [data-part=copy]{--slotted-icon-size: var(--_glyph);align-items:center;block-size:var(--slotted-target-min, 24px);color:var(--_control-ink);display:inline-flex;grid-column:2;inline-size:var(--slotted-target-min, 24px);justify-content:center;margin-block:calc(var(--_hit) * -1);padding:var(--_hit)}[data-ui=description-list] [data-part=copy]:enabled:not([data-complete]):hover{background-color:var( --slotted-description-list-control-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );color:var(--_control-ink-hover)}[data-ui=description-list] [data-part=copy]:enabled:not([data-complete]):active{background-color:var( --slotted-description-list-control-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui=description-list] [data-part=copy][data-complete]{color:var(--_control-ink-done)}@media(pointer:coarse){[data-ui=description-list] [data-part=copy]{position:relative}[data-ui=description-list] [data-part=copy]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=description-list] [data-part=toggle]{--slotted-icon-size: var(--_glyph);align-items:center;color:var(--_link-ink);column-gap:var(--slotted-space-2, .25rem);display:inline-flex;grid-column:1 / -1;justify-self:start;min-block-size:var(--slotted-target-min, 24px);padding-inline:0}[data-ui=description-list] [data-part=toggle]>[data-ui=icon]{rotate:0deg;transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=description-list] [data-revealed] [data-part=toggle]>[data-ui=icon]{rotate:180deg}[data-ui=description-list] [data-part=toggle]:enabled:hover{text-decoration-line:underline;text-underline-offset:var(--slotted-description-list-underline-offset, .2em)}[data-ui=description-list] [data-part=toggle]:enabled:active{color:var(--_control-ink-hover)}[data-ui=description-list] [data-part=action]{align-self:start;grid-column:var(--_action-col);grid-row:var(--_action-row);justify-self:end;margin:0;white-space:nowrap}[data-ui=description-list][data-variant=plain] [data-part=list]{row-gap:var(--_row-gap)}[data-ui=description-list][data-variant=ruled] [data-part=list]{row-gap:0}[data-ui=description-list][data-variant=ruled] [data-part=item]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--_rule);padding-block:var(--_pad-block)}[data-ui=description-list][data-variant=framed] [data-part=list]{background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_rule);border-radius:var(--slotted-description-list-frame-radius, var(--slotted-radius-md, 6px));column-gap:0;overflow:clip;row-gap:0}[data-ui=description-list][data-variant=framed] [data-part=item]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--_rule);column-gap:0}[data-ui=description-list][data-variant=framed][data-columns=\"1\"] [data-part=item]:first-child,[data-ui=description-list][data-variant=framed][data-columns=\"2\"] [data-part=item]:nth-child(-n+2),[data-ui=description-list][data-variant=framed][data-columns=\"3\"] [data-part=item]:nth-child(-n+3){border-block-start-width:0}[data-ui=description-list][data-variant=framed] :is([data-part=term],[data-part=description],[data-part=action]){padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=description-list][data-variant=framed] [data-part=term]{background-color:var(--_term-surface);border-inline-end:var(--slotted-border-width-thin, 1px) solid var(--_rule)}[data-ui=description-list][data-variant=framed][data-layout=stack] [data-part=term]{border-inline-end:0}@container slotted-description-list (max-width: 48rem){[data-ui=description-list][data-columns=\"3\"] [data-part=list]{--_cols: repeat(2, var(--_pair));--_span-3: var(--_span-2)}}@container slotted-description-list (max-width: 34rem){[data-ui=description-list][data-columns=\"2\"] [data-part=list],[data-ui=description-list][data-columns=\"3\"] [data-part=list]{--_cols: var(--_pair);--_span-2: var(--_span-1);--_span-3: var(--_span-1)}[data-ui=description-list][data-layout=row] [data-part=list]:has([data-part=hint]){--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui=description-list][data-layout=row] [data-part=list]:has([data-part=hint]):has([data-part=action]){--_item-cols: minmax(0, 1fr) auto}[data-ui=description-list][data-variant=framed][data-layout=row] [data-part=list]:has([data-part=hint]) [data-part=term]{border-inline-end:0}}@container slotted-description-list (max-width: 26rem){[data-ui=description-list][data-layout=row] [data-part=list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui=description-list][data-layout=row] [data-part=list]:has([data-part=action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui=description-list][data-variant=framed][data-layout=row] [data-part=term]{border-inline-end:0}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
508
|
+
}, styles: ["@layer slotted.components{[data-ui-description-list]{container-name:slotted-description-list;container-type:inline-size;display:block}[data-ui-description-list] [data-part-list]{--_ink: var(--slotted-description-list-color, var(--slotted-text, CanvasText));--_term-ink: var(--slotted-description-list-term-color, var(--slotted-text-muted, GrayText));--_hint-ink: var(--slotted-description-list-hint-color, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-description-list-rule-color, var(--slotted-border-subtle, ButtonBorder));--_term-surface: var( --slotted-description-list-term-surface, var(--slotted-surface-sunken, Canvas) );--_surface: var(--slotted-description-list-surface, var(--slotted-surface, Canvas));--_placeholder-ink: var( --slotted-description-list-placeholder-color, var(--slotted-text-muted, GrayText) );--_control-ink: var( --slotted-description-list-control-color, var(--slotted-text-muted, GrayText) );--_control-ink-hover: var( --slotted-description-list-control-color-hover, var(--slotted-text, CanvasText) );--_control-ink-done: var( --slotted-description-list-control-color-complete, var(--slotted-tone-success-text, CanvasText) );--_link-ink: var( --slotted-description-list-toggle-color, var(--slotted-tone-accent-text, LinkText) );--_term-width: var(--slotted-description-list-term-width, 14rem);--_pair-gap: var(--slotted-description-list-column-gap, var(--slotted-control-gap-md, 8px));--_group-gap: var( --slotted-description-list-group-gap, calc(var(--slotted-control-gap-md, 8px) * 3) );--_row-gap: var( --slotted-description-list-row-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_stack-gap: var(--slotted-description-list-stack-gap, var(--slotted-space-3, .375rem));--_pad-block: var( --slotted-description-list-cell-padding-block, var(--slotted-control-gap-md, 8px) );--_pad-inline: var( --slotted-description-list-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_glyph: var(--slotted-description-list-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hit: calc((var(--slotted-target-min, 24px) - var(--_glyph)) / 2);--_pair: fit-content(var(--_term-width)) minmax(0, 1fr);--_cols: var(--_pair);--_span-1: 2;--_span-2: 4;--_span-3: 6;--_item-cols: subgrid;--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_term-row: auto;--_desc-col: 2 / -1;--_desc-row: auto;--_action-col: -2 / -1;--_action-row: auto;color:var(--_ink);column-gap:var(--_group-gap);display:grid;font-family:var( --slotted-description-list-font-family, var(--slotted-font-family-sans, inherit) );font-size:var(--slotted-description-list-font-size, var(--slotted-control-font-size-md, 13px));grid-template-columns:var(--_cols);line-height:var(--slotted-description-list-line-height, var(--slotted-line-height-md, 1.5));margin:0}[data-ui-description-list] [data-part-list]:has([data-part-action]){--_pair: fit-content(var(--_term-width)) minmax(0, 1fr) auto;--_span-1: 3;--_span-2: 6;--_span-3: 9;--_desc-col: 2 / -2}[data-ui-description-list][data-columns=\"2\"] [data-part-list]{--_cols: repeat(2, var(--_pair))}[data-ui-description-list][data-columns=\"3\"] [data-part-list]{--_cols: repeat(3, var(--_pair))}[data-ui-description-list][data-layout=stack] [data-part-list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 2;--_span-3: 3;--_item-cols: minmax(0, 1fr);--_item-col-gap: var(--_pair-gap);--_term-col: 1;--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui-description-list][data-layout=stack] [data-part-list]:has([data-part-action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui-description-list] [data-part-item]{column-gap:var(--_item-col-gap);display:grid;grid-column:span var(--_span-1);grid-template-columns:var(--_item-cols);min-inline-size:0;row-gap:var(--_stack-gap)}[data-ui-description-list] [data-part-item][data-span=\"2\"]{grid-column:span var(--_span-2)}[data-ui-description-list] [data-part-item][data-span=\"3\"]{grid-column:span var(--_span-3)}[data-ui-description-list] [data-part-term]{color:var(--_term-ink);font-weight:var( --slotted-description-list-term-weight, var(--slotted-font-weight-medium, 500) );grid-column:var(--_term-col);grid-row:var(--_term-row);min-inline-size:var(--_term-floor, 0px);overflow-wrap:break-word}[data-ui-description-list] [data-part-list]:has([data-part-hint]){--_term-floor: var(--slotted-description-list-term-min, 12rem)}[data-ui-description-list] [data-part-hint]{color:var(--_hint-ink);contain:inline-size;display:block;font-size:var(--slotted-description-list-hint-font-size, var(--slotted-font-size-xs, .75rem));font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin-block-start:var(--slotted-space-1, .125rem)}[data-ui-description-list] [data-part-description]:not([data-clamp]){display:block}[data-ui-description-list] [data-part-description]:not([data-clamp]) [data-part-value]{display:inline}[data-ui-description-list] [data-part-description]:not([data-clamp]) [data-part-copy]{margin-inline-start:var(--_pair-gap);vertical-align:text-bottom}[data-ui-description-list] [data-part-description]{align-items:baseline;column-gap:max(var(--_pair-gap),var(--slotted-space-4, .5rem));display:grid;grid-column:var(--_desc-col);grid-row:var(--_desc-row);grid-template-columns:minmax(0,max-content) auto;justify-content:start;margin:0;min-inline-size:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-description-list] [data-part-value]{grid-column:1;min-inline-size:0;overflow-wrap:break-word}[data-ui-description-list] [data-part-description][data-clamp] [data-part-value]{-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-description-list-clamp, 2);display:-webkit-box;overflow:hidden}[data-ui-description-list] [data-part-description][data-clamp][data-revealed] [data-part-value]{-webkit-line-clamp:none;display:block;overflow:visible}[data-ui-description-list] [data-part-placeholder]{color:var(--_placeholder-ink)}[data-ui-description-list] :is([data-part-copy],[data-part-toggle]){appearance:none;background:none;border:0;border-radius:var(--slotted-description-list-radius, var(--slotted-control-radius, 4px));cursor:pointer;font:inherit;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-description-list] :is([data-part-copy],[data-part-toggle]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-description-list] [data-part-copy]{--slotted-icon-size: var(--_glyph);align-items:center;block-size:var(--slotted-target-min, 24px);color:var(--_control-ink);display:inline-flex;grid-column:2;inline-size:var(--slotted-target-min, 24px);justify-content:center;margin-block:calc(var(--_hit) * -1);padding:var(--_hit)}[data-ui-description-list] [data-part-copy]:enabled:not([data-complete]):hover{background-color:var( --slotted-description-list-control-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );color:var(--_control-ink-hover)}[data-ui-description-list] [data-part-copy]:enabled:not([data-complete]):active{background-color:var( --slotted-description-list-control-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui-description-list] [data-part-copy][data-complete]{color:var(--_control-ink-done)}@media(pointer:coarse){[data-ui-description-list] [data-part-copy]{position:relative}[data-ui-description-list] [data-part-copy]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-description-list] [data-part-toggle]{--slotted-icon-size: var(--_glyph);align-items:center;color:var(--_link-ink);column-gap:var(--slotted-space-2, .25rem);display:inline-flex;grid-column:1 / -1;justify-self:start;min-block-size:var(--slotted-target-min, 24px);padding-inline:0}[data-ui-description-list] [data-part-toggle]>[data-ui-icon]{rotate:0deg;transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-description-list] [data-revealed] [data-part-toggle]>[data-ui-icon]{rotate:180deg}[data-ui-description-list] [data-part-toggle]:enabled:hover{text-decoration-line:underline;text-underline-offset:var(--slotted-description-list-underline-offset, .2em)}[data-ui-description-list] [data-part-toggle]:enabled:active{color:var(--_control-ink-hover)}[data-ui-description-list] [data-part-action]{align-self:start;grid-column:var(--_action-col);grid-row:var(--_action-row);justify-self:end;margin:0;white-space:nowrap}[data-ui-description-list][data-variant=plain] [data-part-list]{row-gap:var(--_row-gap)}[data-ui-description-list][data-variant=ruled] [data-part-list]{row-gap:0}[data-ui-description-list][data-variant=ruled] [data-part-item]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--_rule);padding-block:var(--_pad-block)}[data-ui-description-list][data-variant=framed] [data-part-list]{background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_rule);border-radius:var(--slotted-description-list-frame-radius, var(--slotted-radius-md, 6px));column-gap:0;overflow:clip;row-gap:0}[data-ui-description-list][data-variant=framed] [data-part-item]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--_rule);column-gap:0}[data-ui-description-list][data-variant=framed][data-columns=\"1\"] [data-part-item]:first-child,[data-ui-description-list][data-variant=framed][data-columns=\"2\"] [data-part-item]:nth-child(-n+2),[data-ui-description-list][data-variant=framed][data-columns=\"3\"] [data-part-item]:nth-child(-n+3){border-block-start-width:0}[data-ui-description-list][data-variant=framed] :is([data-part-term],[data-part-description],[data-part-action]){padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-description-list][data-variant=framed] [data-part-term]{background-color:var(--_term-surface);border-inline-end:var(--slotted-border-width-thin, 1px) solid var(--_rule)}[data-ui-description-list][data-variant=framed][data-layout=stack] [data-part-term]{border-inline-end:0}@container slotted-description-list (max-width: 48rem){[data-ui-description-list][data-columns=\"3\"] [data-part-list]{--_cols: repeat(2, var(--_pair));--_span-3: var(--_span-2)}}@container slotted-description-list (max-width: 34rem){[data-ui-description-list][data-columns=\"2\"] [data-part-list],[data-ui-description-list][data-columns=\"3\"] [data-part-list]{--_cols: var(--_pair);--_span-2: var(--_span-1);--_span-3: var(--_span-1)}[data-ui-description-list][data-layout=row] [data-part-list]:has([data-part-hint]){--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui-description-list][data-layout=row] [data-part-list]:has([data-part-hint]):has([data-part-action]){--_item-cols: minmax(0, 1fr) auto}[data-ui-description-list][data-variant=framed][data-layout=row] [data-part-list]:has([data-part-hint]) [data-part-term]{border-inline-end:0}}@container slotted-description-list (max-width: 26rem){[data-ui-description-list][data-layout=row] [data-part-list]{--_pair: minmax(0, 1fr);--_term-floor: 0px;--_span-1: 1;--_span-2: 1;--_span-3: 1;--_item-cols: minmax(0, 1fr);--_desc-col: 1 / -1;--_desc-row: 2;--_action-col: -1 / -2;--_action-row: 1}[data-ui-description-list][data-layout=row] [data-part-list]:has([data-part-action]){--_item-cols: minmax(0, 1fr) auto;--_desc-col: 1 / -1}[data-ui-description-list][data-variant=framed][data-layout=row] [data-part-term]{border-inline-end:0}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
496
509
|
}], ctorParameters: () => [], propDecorators: { clamp: [{ type: i0.Input, args: [{ isSignal: true, alias: "clamp", required: false }] }], copy: [{ type: i0.Input, args: [{ isSignal: true, alias: "copy", required: false }] }], copyValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyValue", required: false }] }], empty: [{ type: i0.Input, args: [{ isSignal: true, alias: "empty", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], revealedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "revealed", required: false }] }], defaultRevealed: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultRevealed", required: false }] }], revealedChange: [{ type: i0.Output, args: ["revealedChange"] }], copied$: [{ type: i0.Output, args: ["copied"] }], value: [{ type: i0.ViewChild, args: ['value', { isSignal: true }] }] } });
|
|
497
510
|
/**
|
|
498
511
|
* The row's own action, in a second `dd` of the same group — which is what a
|
|
@@ -510,7 +523,7 @@ class SlDescriptionListAction {
|
|
|
510
523
|
own = inject(new HostAttributeToken('aria-describedby'), { optional: true });
|
|
511
524
|
describedBy = [this.own, this.item?.termId].filter(Boolean).join(' ') || null;
|
|
512
525
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDescriptionListAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
513
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDescriptionListAction, isStandalone: true, selector: "dd[slDescriptionListAction]", host: { attributes: { "data-part": "action" }, properties: { "attr.aria-describedby": "describedBy" } }, exportAs: ["slDescriptionListAction"], ngImport: i0 });
|
|
526
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlDescriptionListAction, isStandalone: true, selector: "dd[slDescriptionListAction]", host: { attributes: { "data-part": "action", "data-part-action": "" }, properties: { "attr.aria-describedby": "describedBy" } }, exportAs: ["slDescriptionListAction"], ngImport: i0 });
|
|
514
527
|
}
|
|
515
528
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDescriptionListAction, decorators: [{
|
|
516
529
|
type: Directive,
|
|
@@ -520,6 +533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
520
533
|
exportAs: 'slDescriptionListAction',
|
|
521
534
|
host: {
|
|
522
535
|
'data-part': 'action',
|
|
536
|
+
'data-part-action': '',
|
|
523
537
|
'[attr.aria-describedby]': 'describedBy',
|
|
524
538
|
},
|
|
525
539
|
}]
|