@slotted/angular 0.1.0-beta.8 → 0.1.0-beta.9
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/docs/code-block.json +92 -92
- package/docs/code-block.md +69 -69
- package/docs/currency-field.json +7 -0
- package/docs/currency-field.md +1 -0
- package/docs/data-grid.examples.md +1 -1
- package/docs/data-grid.json +21 -4
- package/docs/data-grid.md +1 -1
- package/docs/data-grid.props.md +5 -3
- package/docs/dialog.examples.md +138 -136
- package/docs/dialog.json +8 -8
- package/docs/filter-bar.json +118 -118
- package/docs/filter-bar.md +79 -79
- package/docs/guidelines/async-feedback.md +10 -0
- package/docs/guidelines/composition.md +11 -7
- package/docs/guidelines/index.md +6 -1
- package/docs/guidelines/list-pages.md +30 -0
- package/docs/guidelines/overviews.md +10 -0
- package/docs/markdown.json +79 -79
- package/docs/markdown.md +65 -65
- package/docs/page-header.json +1 -1
- package/docs/skills/compose-screen/SKILL.md +22 -10
- package/docs/skills/review-screen/SKILL.md +6 -0
- package/docs/skills/waiting-states/SKILL.md +4 -1
- package/docs/tags-input.json +28 -2
- package/docs/tags-input.md +4 -1
- package/docs/timeline.json +131 -131
- package/docs/timeline.md +123 -123
- package/fesm2022/slotted-angular-accordion.mjs +4 -2
- package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-bar.mjs +21 -10
- package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
- package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
- package/fesm2022/slotted-angular-alert.mjs +17 -11
- package/fesm2022/slotted-angular-alert.mjs.map +1 -1
- package/fesm2022/slotted-angular-app-shell.mjs +52 -40
- 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 +9 -6
- 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 +53 -25
- package/fesm2022/slotted-angular-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-calendar.mjs +68 -26
- 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 +158 -64
- package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
- package/fesm2022/slotted-angular-chart.mjs +4 -2
- 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 +13 -8
- 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 +77 -31
- package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
- package/fesm2022/slotted-angular-command-palette.mjs +128 -51
- 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 +98 -32
- package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-dashboard-grid.mjs +127 -44
- package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-grid.mjs +309 -104
- 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 +38 -12
- package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-picker.mjs +19 -9
- package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-range-picker.mjs +41 -16
- package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-field.mjs +46 -14
- package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-picker.mjs +37 -23
- package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-range-picker.mjs +111 -42
- 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 +29 -18
- package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
- package/fesm2022/slotted-angular-dialog.mjs +39 -28
- 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 +32 -24
- package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
- package/fesm2022/slotted-angular-entity-picker.mjs +195 -67
- package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-event-calendar.mjs +259 -102
- 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 +104 -43
- 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 +167 -99
- package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline-message.mjs +10 -8
- 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 +14 -10
- 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 +41 -27
- 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 +28 -15
- package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
- package/fesm2022/slotted-angular-message.mjs +113 -51
- package/fesm2022/slotted-angular-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-multi-select.mjs +133 -57
- 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 +107 -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 +72 -42
- package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
- package/fesm2022/slotted-angular-page.mjs +18 -9
- 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 +25 -18
- package/fesm2022/slotted-angular-popover.mjs.map +1 -1
- package/fesm2022/slotted-angular-progress-indicator.mjs +122 -30
- package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-prompt-composer.mjs +24 -18
- 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 +9 -5
- package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
- package/fesm2022/slotted-angular-section.mjs +34 -15
- package/fesm2022/slotted-angular-section.mjs.map +1 -1
- package/fesm2022/slotted-angular-segmented-control.mjs +15 -9
- package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
- package/fesm2022/slotted-angular-select.mjs +135 -53
- 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 +29 -13
- package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
- package/fesm2022/slotted-angular-split-button.mjs +25 -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 +135 -72
- package/fesm2022/slotted-angular-table.mjs.map +1 -1
- package/fesm2022/slotted-angular-tabs.mjs +31 -14
- 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 +49 -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 +46 -12
- package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-picker.mjs +28 -14
- package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-range-picker.mjs +109 -40
- package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-timeline.mjs +135 -64
- package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
- package/fesm2022/slotted-angular-toast.mjs +42 -31
- package/fesm2022/slotted-angular-toast.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle-group.mjs +10 -6
- 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 +21 -10
- package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
- package/fesm2022/slotted-angular-tooltip.mjs +8 -5
- 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 +46 -21
- 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 +74 -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.map +1 -1
- package/types/slotted-angular-action-sheet.d.ts.map +1 -1
- package/types/slotted-angular-alert.d.ts +1 -1
- package/types/slotted-angular-alert.d.ts.map +1 -1
- 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.map +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.map +1 -1
- package/types/slotted-angular-button.d.ts.map +1 -1
- 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.map +1 -1
- package/types/slotted-angular-checkbox-group.d.ts.map +1 -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 +1 -1
- package/types/slotted-angular-combobox.d.ts.map +1 -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 +39 -13
- 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 +26 -2
- 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.map +1 -1
- package/types/slotted-angular-date-picker.d.ts.map +1 -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.map +1 -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 +2 -1
- 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.map +1 -1
- package/types/slotted-angular-entity-picker.d.ts.map +1 -1
- 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 +1 -1
- 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 +1 -1
- 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.map +1 -1
- 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.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.map +1 -1
- package/types/slotted-angular-multi-select.d.ts +1 -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.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 +1 -1
- 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.map +1 -1
- 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.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.map +1 -1
- package/types/slotted-angular-segmented-control.d.ts.map +1 -1
- package/types/slotted-angular-select.d.ts +1 -1
- 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.map +1 -1
- 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.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.map +1 -1
- package/types/slotted-angular-tabs.d.ts.map +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-time-field.d.ts.map +1 -1
- package/types/slotted-angular-time-picker.d.ts.map +1 -1
- package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-timeline.d.ts.map +1 -1
- package/types/slotted-angular-toast.d.ts +2 -2
- package/types/slotted-angular-toast.d.ts.map +1 -1
- package/types/slotted-angular-toggle-group.d.ts.map +1 -1
- package/types/slotted-angular-toggle.d.ts.map +1 -1
- 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.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
|
@@ -209,18 +209,20 @@ class SlPagination {
|
|
|
209
209
|
this.ownPage.set(next);
|
|
210
210
|
}
|
|
211
211
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
212
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlPagination, isStandalone: true, selector: "nav[slPagination]", inputs: { pageValue: { classPropertyName: "pageValue", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, defaultPage: { classPropertyName: "defaultPage", publicName: "defaultPage", isSignal: true, isRequired: false, transformFunction: null }, pageSizeValue: { classPropertyName: "pageSizeValue", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, defaultPageSize: { classPropertyName: "defaultPageSize", publicName: "defaultPageSize", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, siblingCount: { classPropertyName: "siblingCount", publicName: "siblingCount", isSignal: true, isRequired: false, transformFunction: null }, boundaryCount: { classPropertyName: "boundaryCount", publicName: "boundaryCount", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, itemHref: { classPropertyName: "itemHref", publicName: "itemHref", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { attributes: { "data-ui": "pagination", "data-part": "root" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-busy": "loading() ? \"true\" : null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null" } }, exportAs: ["slPagination"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):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=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
212
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlPagination, isStandalone: true, selector: "nav[slPagination]", inputs: { pageValue: { classPropertyName: "pageValue", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, defaultPage: { classPropertyName: "defaultPage", publicName: "defaultPage", isSignal: true, isRequired: false, transformFunction: null }, pageSizeValue: { classPropertyName: "pageSizeValue", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, defaultPageSize: { classPropertyName: "defaultPageSize", publicName: "defaultPageSize", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, siblingCount: { classPropertyName: "siblingCount", publicName: "siblingCount", isSignal: true, isRequired: false, transformFunction: null }, boundaryCount: { classPropertyName: "boundaryCount", publicName: "boundaryCount", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, itemHref: { classPropertyName: "itemHref", publicName: "itemHref", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { attributes: { "data-ui": "pagination", "data-ui-pagination": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-busy": "loading() ? \"true\" : null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null" } }, exportAs: ["slPagination"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):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-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
213
213
|
}
|
|
214
214
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPagination, decorators: [{
|
|
215
215
|
type: Component,
|
|
216
216
|
args: [{ selector: 'nav[slPagination]', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPagination', host: {
|
|
217
217
|
'data-ui': 'pagination',
|
|
218
|
+
'data-ui-pagination': '',
|
|
218
219
|
'data-part': 'root',
|
|
220
|
+
'data-part-root': '',
|
|
219
221
|
'[attr.aria-label]': 'accessibleLabel()',
|
|
220
222
|
'[attr.aria-busy]': 'loading() ? "true" : null',
|
|
221
223
|
'[attr.data-disabled]': 'disabled() ? "" : null',
|
|
222
224
|
'[attr.data-loading]': 'loading() ? "" : null',
|
|
223
|
-
}, styles: ["@layer slotted.components{[data-ui
|
|
225
|
+
}, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):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-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
|
|
224
226
|
}], ctorParameters: () => [], propDecorators: { pageValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }], defaultPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPage", required: false }] }], pageSizeValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], defaultPageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPageSize", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], siblingCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "siblingCount", required: false }] }], boundaryCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "boundaryCount", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], itemHref: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemHref", required: false }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }], pageSizeChange: [{ type: i0.Output, args: ["pageSizeChange"] }] } });
|
|
225
227
|
/**
|
|
226
228
|
* A control that moves the page, on the consumer's own `button` or `a`.
|
|
@@ -277,7 +279,7 @@ class SlPaginationFirst extends SlPaginationTrigger {
|
|
|
277
279
|
usable = () => this.pagination.canGoPrevious();
|
|
278
280
|
defaultLabel = () => this.pagination.t('first');
|
|
279
281
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationFirst, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
280
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationFirst, isStandalone: true, selector: "[slPaginationFirst]", host: { attributes: { "data-part": "first" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationFirst"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevrons-right\"></svg></span\n></ng-content>", isInline: true, 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 });
|
|
282
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationFirst, isStandalone: true, selector: "[slPaginationFirst]", host: { attributes: { "data-part": "first", "data-part-first": "" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationFirst"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevrons-right\"></svg></span\n></ng-content>", isInline: true, 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 });
|
|
281
283
|
}
|
|
282
284
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationFirst, decorators: [{
|
|
283
285
|
type: Component,
|
|
@@ -291,6 +293,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
291
293
|
host: {
|
|
292
294
|
...triggerHost,
|
|
293
295
|
'data-part': 'first',
|
|
296
|
+
'data-part-first': '',
|
|
294
297
|
'[attr.data-disabled]': 'unavailable() && !pagination.loading() ? "" : null',
|
|
295
298
|
},
|
|
296
299
|
}]
|
|
@@ -301,7 +304,7 @@ class SlPaginationPrevious extends SlPaginationTrigger {
|
|
|
301
304
|
usable = () => this.pagination.canGoPrevious();
|
|
302
305
|
defaultLabel = () => this.pagination.t('previous');
|
|
303
306
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationPrevious, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
304
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationPrevious, isStandalone: true, selector: "[slPaginationPrevious]", host: { attributes: { "data-part": "previous" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationPrevious"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span\n></ng-content>", isInline: true, 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 });
|
|
307
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationPrevious, isStandalone: true, selector: "[slPaginationPrevious]", host: { attributes: { "data-part": "previous", "data-part-previous": "" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationPrevious"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span\n></ng-content>", isInline: true, 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 });
|
|
305
308
|
}
|
|
306
309
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationPrevious, decorators: [{
|
|
307
310
|
type: Component,
|
|
@@ -315,6 +318,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
315
318
|
host: {
|
|
316
319
|
...triggerHost,
|
|
317
320
|
'data-part': 'previous',
|
|
321
|
+
'data-part-previous': '',
|
|
318
322
|
'[attr.data-disabled]': 'unavailable() && !pagination.loading() ? "" : null',
|
|
319
323
|
},
|
|
320
324
|
}]
|
|
@@ -325,7 +329,7 @@ class SlPaginationNext extends SlPaginationTrigger {
|
|
|
325
329
|
usable = () => this.pagination.canGoNext();
|
|
326
330
|
defaultLabel = () => this.pagination.t('next');
|
|
327
331
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationNext, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
328
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationNext, isStandalone: true, selector: "[slPaginationNext]", host: { attributes: { "data-part": "next" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationNext"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span\n></ng-content>", isInline: true, 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 });
|
|
332
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationNext, isStandalone: true, selector: "[slPaginationNext]", host: { attributes: { "data-part": "next", "data-part-next": "" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationNext"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span\n></ng-content>", isInline: true, 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 });
|
|
329
333
|
}
|
|
330
334
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationNext, decorators: [{
|
|
331
335
|
type: Component,
|
|
@@ -339,6 +343,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
339
343
|
host: {
|
|
340
344
|
...triggerHost,
|
|
341
345
|
'data-part': 'next',
|
|
346
|
+
'data-part-next': '',
|
|
342
347
|
'[attr.data-disabled]': 'unavailable() && !pagination.loading() ? "" : null',
|
|
343
348
|
},
|
|
344
349
|
}]
|
|
@@ -349,7 +354,7 @@ class SlPaginationLast extends SlPaginationTrigger {
|
|
|
349
354
|
usable = () => this.pagination.canGoNext();
|
|
350
355
|
defaultLabel = () => this.pagination.t('last');
|
|
351
356
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationLast, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
352
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationLast, isStandalone: true, selector: "[slPaginationLast]", host: { attributes: { "data-part": "last" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationLast"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevrons-right\"></svg></span\n></ng-content>", isInline: true, 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 });
|
|
357
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationLast, isStandalone: true, selector: "[slPaginationLast]", host: { attributes: { "data-part": "last", "data-part-last": "" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationLast"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevrons-right\"></svg></span\n></ng-content>", isInline: true, 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 });
|
|
353
358
|
}
|
|
354
359
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationLast, decorators: [{
|
|
355
360
|
type: Component,
|
|
@@ -363,6 +368,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
363
368
|
host: {
|
|
364
369
|
...triggerHost,
|
|
365
370
|
'data-part': 'last',
|
|
371
|
+
'data-part-last': '',
|
|
366
372
|
'[attr.data-disabled]': 'unavailable() && !pagination.loading() ? "" : null',
|
|
367
373
|
},
|
|
368
374
|
}]
|
|
@@ -378,9 +384,9 @@ class SlPaginationItems {
|
|
|
378
384
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationItems, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
379
385
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlPaginationItems, isStandalone: true, selector: "sl-pagination-items", host: { styleAttribute: "display: contents" }, exportAs: ["slPaginationItems"], ngImport: i0, template: `
|
|
380
386
|
@if (pagination.count() !== undefined) {
|
|
381
|
-
<ul data-part="list">
|
|
387
|
+
<ul data-part="list" data-part-list="">
|
|
382
388
|
@for (item of pagination.items(); track item.type === 'page' ? item.value : item.side) {
|
|
383
|
-
<li data-part="item">
|
|
389
|
+
<li data-part="item" data-part-item="">
|
|
384
390
|
@if (item.type === 'page') {
|
|
385
391
|
@if (pagination.itemHref(); as href) {
|
|
386
392
|
<a
|
|
@@ -391,6 +397,7 @@ class SlPaginationItems {
|
|
|
391
397
|
[attr.data-loading]="pagination.loading() ? '' : null"
|
|
392
398
|
[attr.href]="pagination.inert() ? null : href(item.value)"
|
|
393
399
|
data-part="page"
|
|
400
|
+
data-part-page=""
|
|
394
401
|
(click)="pagination.goToPage(item.value, 'pointer', $event)"
|
|
395
402
|
>{{ item.value }}</a
|
|
396
403
|
>
|
|
@@ -402,6 +409,7 @@ class SlPaginationItems {
|
|
|
402
409
|
[attr.data-loading]="pagination.loading() ? '' : null"
|
|
403
410
|
[disabled]="pagination.inert()"
|
|
404
411
|
data-part="page"
|
|
412
|
+
data-part-page=""
|
|
405
413
|
type="button"
|
|
406
414
|
(click)="pagination.goToPage(item.value, 'pointer', $event)"
|
|
407
415
|
>
|
|
@@ -409,24 +417,24 @@ class SlPaginationItems {
|
|
|
409
417
|
</button>
|
|
410
418
|
}
|
|
411
419
|
} @else {
|
|
412
|
-
<span aria-hidden="true" data-part="ellipsis">…</span>
|
|
420
|
+
<span aria-hidden="true" data-part="ellipsis" data-part-ellipsis="">…</span>
|
|
413
421
|
}
|
|
414
422
|
</li>
|
|
415
423
|
}
|
|
416
424
|
</ul>
|
|
417
|
-
<span data-part="summary">{{
|
|
425
|
+
<span data-part="summary" data-part-summary="">{{
|
|
418
426
|
pagination.t('summary', { page: pagination.currentPage(), pages: pagination.pages() })
|
|
419
427
|
}}</span>
|
|
420
428
|
}
|
|
421
|
-
`, isInline: true, styles: ["@layer slotted.components{[data-ui
|
|
429
|
+
`, isInline: true, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):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-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
422
430
|
}
|
|
423
431
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationItems, decorators: [{
|
|
424
432
|
type: Component,
|
|
425
433
|
args: [{ selector: 'sl-pagination-items', standalone: true, template: `
|
|
426
434
|
@if (pagination.count() !== undefined) {
|
|
427
|
-
<ul data-part="list">
|
|
435
|
+
<ul data-part="list" data-part-list="">
|
|
428
436
|
@for (item of pagination.items(); track item.type === 'page' ? item.value : item.side) {
|
|
429
|
-
<li data-part="item">
|
|
437
|
+
<li data-part="item" data-part-item="">
|
|
430
438
|
@if (item.type === 'page') {
|
|
431
439
|
@if (pagination.itemHref(); as href) {
|
|
432
440
|
<a
|
|
@@ -437,6 +445,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
437
445
|
[attr.data-loading]="pagination.loading() ? '' : null"
|
|
438
446
|
[attr.href]="pagination.inert() ? null : href(item.value)"
|
|
439
447
|
data-part="page"
|
|
448
|
+
data-part-page=""
|
|
440
449
|
(click)="pagination.goToPage(item.value, 'pointer', $event)"
|
|
441
450
|
>{{ item.value }}</a
|
|
442
451
|
>
|
|
@@ -448,6 +457,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
448
457
|
[attr.data-loading]="pagination.loading() ? '' : null"
|
|
449
458
|
[disabled]="pagination.inert()"
|
|
450
459
|
data-part="page"
|
|
460
|
+
data-part-page=""
|
|
451
461
|
type="button"
|
|
452
462
|
(click)="pagination.goToPage(item.value, 'pointer', $event)"
|
|
453
463
|
>
|
|
@@ -455,16 +465,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
455
465
|
</button>
|
|
456
466
|
}
|
|
457
467
|
} @else {
|
|
458
|
-
<span aria-hidden="true" data-part="ellipsis">…</span>
|
|
468
|
+
<span aria-hidden="true" data-part="ellipsis" data-part-ellipsis="">…</span>
|
|
459
469
|
}
|
|
460
470
|
</li>
|
|
461
471
|
}
|
|
462
472
|
</ul>
|
|
463
|
-
<span data-part="summary">{{
|
|
473
|
+
<span data-part="summary" data-part-summary="">{{
|
|
464
474
|
pagination.t('summary', { page: pagination.currentPage(), pages: pagination.pages() })
|
|
465
475
|
}}</span>
|
|
466
476
|
}
|
|
467
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationItems', host: { style: 'display: contents' }, styles: ["@layer slotted.components{[data-ui
|
|
477
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationItems', host: { style: 'display: contents' }, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):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-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
|
|
468
478
|
}] });
|
|
469
479
|
/**
|
|
470
480
|
* "21–40 of 482", and the polite live region that announces a page change. One
|
|
@@ -482,14 +492,15 @@ class SlPaginationStatus {
|
|
|
482
492
|
}, /* @ts-ignore */
|
|
483
493
|
...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
|
|
484
494
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
485
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationStatus, isStandalone: true, selector: "p[slPaginationStatus]", host: { attributes: { "data-part": "status" }, properties: { "attr.aria-live": "pagination.liveValue()" } }, exportAs: ["slPaginationStatus"], ngImport: i0, template: '<ng-content>{{ text() }}</ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui
|
|
495
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationStatus, isStandalone: true, selector: "p[slPaginationStatus]", host: { attributes: { "data-part": "status", "data-part-status": "" }, properties: { "attr.aria-live": "pagination.liveValue()" } }, exportAs: ["slPaginationStatus"], ngImport: i0, template: '<ng-content>{{ text() }}</ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):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-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
486
496
|
}
|
|
487
497
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationStatus, decorators: [{
|
|
488
498
|
type: Component,
|
|
489
499
|
args: [{ selector: 'p[slPaginationStatus]', standalone: true, template: '<ng-content>{{ text() }}</ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationStatus', host: {
|
|
490
500
|
'data-part': 'status',
|
|
501
|
+
'data-part-status': '',
|
|
491
502
|
'[attr.aria-live]': 'pagination.liveValue()',
|
|
492
|
-
}, styles: ["@layer slotted.components{[data-ui
|
|
503
|
+
}, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):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-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
|
|
493
504
|
}] });
|
|
494
505
|
/**
|
|
495
506
|
* How many items a page holds.
|
|
@@ -507,12 +518,13 @@ class SlPaginationPageSize {
|
|
|
507
518
|
}
|
|
508
519
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationPageSize, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
509
520
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlPaginationPageSize, isStandalone: true, selector: "sl-pagination-page-size", host: { styleAttribute: "display: contents" }, exportAs: ["slPaginationPageSize"], ngImport: i0, template: `
|
|
510
|
-
<label data-part="page-size-label">
|
|
521
|
+
<label data-part="page-size-label" data-part-page-size-label="">
|
|
511
522
|
<ng-content>{{ pagination.t('pageSize') }}</ng-content>
|
|
512
523
|
<select
|
|
513
524
|
[disabled]="pagination.inert()"
|
|
514
525
|
[value]="pagination.pageSize()"
|
|
515
526
|
data-part="page-size"
|
|
527
|
+
data-part-page-size=""
|
|
516
528
|
(change)="onChange($event)"
|
|
517
529
|
>
|
|
518
530
|
@for (size of pagination.sizeOptions(); track size) {
|
|
@@ -521,17 +533,18 @@ class SlPaginationPageSize {
|
|
|
521
533
|
</select>
|
|
522
534
|
<span slIcon><svg slGlyph name="chevron-down"></svg></span>
|
|
523
535
|
</label>
|
|
524
|
-
`, isInline: true, styles: ["@layer slotted.components{[data-ui
|
|
536
|
+
`, isInline: true, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):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-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\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 });
|
|
525
537
|
}
|
|
526
538
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationPageSize, decorators: [{
|
|
527
539
|
type: Component,
|
|
528
540
|
args: [{ selector: 'sl-pagination-page-size', standalone: true, imports: [SlGlyph, SlIcon], template: `
|
|
529
|
-
<label data-part="page-size-label">
|
|
541
|
+
<label data-part="page-size-label" data-part-page-size-label="">
|
|
530
542
|
<ng-content>{{ pagination.t('pageSize') }}</ng-content>
|
|
531
543
|
<select
|
|
532
544
|
[disabled]="pagination.inert()"
|
|
533
545
|
[value]="pagination.pageSize()"
|
|
534
546
|
data-part="page-size"
|
|
547
|
+
data-part-page-size=""
|
|
535
548
|
(change)="onChange($event)"
|
|
536
549
|
>
|
|
537
550
|
@for (size of pagination.sizeOptions(); track size) {
|
|
@@ -540,7 +553,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
540
553
|
</select>
|
|
541
554
|
<span slIcon><svg slGlyph name="chevron-down"></svg></span>
|
|
542
555
|
</label>
|
|
543
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationPageSize', host: { style: 'display: contents' }, styles: ["@layer slotted.components{[data-ui
|
|
556
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationPageSize', host: { style: 'display: contents' }, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):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-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
|
|
544
557
|
}] });
|
|
545
558
|
/**
|
|
546
559
|
* Absence has to survive the transform: `numberAttribute` maps an unset input
|