@slotted/angular 0.1.0-beta.0 → 0.1.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/docs/AGENTS.snippet.md +12 -0
- package/docs/alert.json +7 -1
- package/docs/alert.md +3 -3
- package/docs/app-shell.examples.md +1 -1
- package/docs/app-shell.json +5 -5
- package/docs/app-shell.md +2 -2
- package/docs/avatar.json +22 -1
- package/docs/avatar.md +5 -3
- package/docs/badge.json +7 -1
- package/docs/badge.md +3 -3
- package/docs/button-group.json +2 -0
- package/docs/button-group.md +1 -1
- package/docs/button.json +51 -11
- package/docs/button.md +10 -6
- package/docs/calendar.json +8 -1
- package/docs/calendar.md +1 -0
- package/docs/cascader.json +1 -0
- package/docs/cascader.md +1 -1
- package/docs/chart.examples.md +1 -1
- package/docs/chart.json +10 -1
- package/docs/chart.md +3 -2
- package/docs/checkbox.json +7 -0
- package/docs/checkbox.md +1 -0
- package/docs/code-block.json +92 -92
- package/docs/code-block.md +69 -69
- package/docs/combobox.json +1 -0
- package/docs/combobox.md +1 -1
- package/docs/currency-field.json +40 -1
- package/docs/currency-field.md +5 -1
- package/docs/data-grid.examples.md +2 -2
- package/docs/data-grid.json +24 -7
- package/docs/data-grid.md +1 -1
- package/docs/data-grid.props.md +6 -4
- package/docs/data-list.json +2 -1
- package/docs/data-list.md +1 -1
- package/docs/date-field.json +9 -1
- package/docs/date-field.md +3 -2
- package/docs/date-picker.examples.md +36 -0
- package/docs/date-picker.json +20 -5
- package/docs/date-picker.md +5 -4
- package/docs/datetime-field.json +1 -0
- package/docs/datetime-field.md +1 -1
- package/docs/dialog.examples.md +158 -136
- package/docs/dialog.json +35 -11
- package/docs/dialog.md +4 -2
- package/docs/dialog.props.md +1 -1
- package/docs/drawer.json +5 -0
- package/docs/drawer.md +1 -0
- package/docs/entity-picker.json +19 -4
- package/docs/entity-picker.md +8 -6
- package/docs/event-calendar.json +7 -0
- package/docs/event-calendar.md +1 -0
- package/docs/filter-bar.json +118 -118
- package/docs/filter-bar.md +79 -79
- package/docs/form.json +2 -1
- package/docs/form.md +1 -1
- package/docs/guidelines/README.md +27 -0
- package/docs/guidelines/async-feedback.md +129 -0
- package/docs/guidelines/browsing.md +74 -0
- package/docs/guidelines/builders.md +97 -0
- package/docs/guidelines/composition.md +143 -0
- package/docs/guidelines/conversations.md +59 -0
- package/docs/guidelines/errors-and-conflicts.md +71 -0
- package/docs/guidelines/forms.md +202 -0
- package/docs/guidelines/index.md +129 -0
- package/docs/guidelines/layout-alignment.md +95 -0
- package/docs/guidelines/ledgers.md +45 -0
- package/docs/guidelines/list-pages.md +206 -0
- package/docs/guidelines/overviews.md +76 -0
- package/docs/guidelines/own-elements.md +115 -0
- package/docs/guidelines/reading-permissions.md +55 -0
- package/docs/guidelines/record-pages.md +178 -0
- package/docs/guidelines/reports.md +123 -0
- package/docs/guidelines/shell-composition.md +94 -0
- package/docs/guidelines/workspaces.md +46 -0
- package/docs/icon.json +3 -1
- package/docs/icon.md +3 -3
- package/docs/index.md +12 -0
- package/docs/inline-message.json +14 -2
- package/docs/inline-message.md +4 -3
- package/docs/list-item.json +9 -1
- package/docs/list-item.md +3 -3
- package/docs/list.json +19 -1
- package/docs/list.md +3 -1
- package/docs/markdown.json +79 -79
- package/docs/markdown.md +65 -65
- package/docs/menu.json +12 -0
- package/docs/menu.md +2 -0
- package/docs/message.json +7 -1
- package/docs/message.md +3 -3
- package/docs/multi-select.json +1 -0
- package/docs/multi-select.md +1 -1
- package/docs/notification-center.json +4 -0
- package/docs/notification-center.md +2 -2
- package/docs/number-field.json +1 -0
- package/docs/number-field.md +1 -1
- package/docs/otp-input.json +1 -0
- package/docs/otp-input.md +1 -1
- package/docs/page-header.json +4 -3
- package/docs/page-header.md +2 -2
- package/docs/page.json +1 -0
- package/docs/page.md +1 -0
- package/docs/popover.json +1 -1
- package/docs/progress-indicator.json +4 -3
- package/docs/progress-indicator.md +4 -4
- package/docs/prompt-composer.json +41 -1
- package/docs/prompt-composer.md +5 -1
- package/docs/rating.json +5 -3
- package/docs/rating.md +5 -5
- package/docs/section.json +27 -15
- package/docs/section.md +11 -9
- package/docs/segmented-control.json +36 -12
- package/docs/segmented-control.md +17 -1
- package/docs/select.json +1 -0
- package/docs/select.md +1 -1
- package/docs/side-navigation.json +1 -0
- package/docs/side-navigation.md +1 -1
- package/docs/skills/build-own-element/SKILL.md +90 -0
- package/docs/skills/compose-screen/SKILL.md +95 -0
- package/docs/skills/index.md +9 -0
- package/docs/skills/review-screen/SKILL.md +77 -0
- package/docs/skills/theme-app/SKILL.md +87 -0
- package/docs/skills/waiting-states/SKILL.md +143 -0
- package/docs/sparkline.json +5 -2
- package/docs/sparkline.md +4 -4
- package/docs/split-button.json +4 -1
- package/docs/split-button.md +3 -3
- package/docs/stat-card.json +5 -1
- package/docs/stat-card.md +3 -3
- package/docs/table.examples.md +3 -3
- package/docs/table.json +85 -3
- package/docs/table.md +12 -1
- package/docs/tabs.json +17 -7
- package/docs/tabs.md +3 -2
- package/docs/tag.json +14 -4
- package/docs/tag.md +6 -6
- package/docs/tags-input.json +29 -2
- package/docs/tags-input.md +4 -1
- package/docs/text-field.json +2 -1
- package/docs/text-field.md +2 -2
- package/docs/textarea.json +1 -0
- package/docs/textarea.md +1 -1
- package/docs/time-field.json +1 -0
- package/docs/time-field.md +1 -1
- package/docs/timeline.json +138 -132
- package/docs/timeline.md +125 -125
- package/docs/toast.json +7 -1
- package/docs/toast.md +3 -3
- package/docs/toggle-group.json +14 -3
- package/docs/toggle-group.md +3 -3
- package/docs/toggle.json +12 -3
- package/docs/toggle.md +3 -3
- package/docs/tokens.md +467 -0
- package/docs/tour.json +1 -1
- package/docs/typography.json +4 -2
- package/docs/typography.md +4 -4
- package/fesm2022/slotted-angular-accordion.mjs +4 -2
- package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-bar.mjs +22 -11
- 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 +18 -11
- package/fesm2022/slotted-angular-alert.mjs.map +1 -1
- package/fesm2022/slotted-angular-app-shell.mjs +111 -61
- package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
- package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
- package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
- package/fesm2022/slotted-angular-attachment.mjs +31 -20
- package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
- package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
- package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-avatar.mjs +14 -7
- package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
- package/fesm2022/slotted-angular-badge.mjs +14 -10
- package/fesm2022/slotted-angular-badge.mjs.map +1 -1
- package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
- package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
- package/fesm2022/slotted-angular-button-group.mjs +7 -4
- package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-button.mjs +90 -29
- package/fesm2022/slotted-angular-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-calendar.mjs +235 -58
- package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-card.mjs +18 -16
- package/fesm2022/slotted-angular-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-carousel.mjs +22 -11
- package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
- package/fesm2022/slotted-angular-cascader.mjs +166 -66
- package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
- package/fesm2022/slotted-angular-chart.mjs +53 -20
- package/fesm2022/slotted-angular-chart.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
- package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox.mjs +23 -9
- package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-code-block.mjs +29 -15
- package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
- package/fesm2022/slotted-angular-collapsible.mjs +20 -15
- package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
- package/fesm2022/slotted-angular-color-picker.mjs +77 -22
- package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-column-manager.mjs +68 -31
- package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
- package/fesm2022/slotted-angular-combobox.mjs +112 -39
- package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
- package/fesm2022/slotted-angular-command-palette.mjs +150 -54
- package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
- package/fesm2022/slotted-angular-container.mjs +6 -4
- package/fesm2022/slotted-angular-container.mjs.map +1 -1
- package/fesm2022/slotted-angular-context-menu.mjs +5 -4
- package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-currency-field.mjs +149 -32
- package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-dashboard-grid.mjs +142 -63
- package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-grid.mjs +354 -113
- package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-list.mjs +83 -50
- package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-field.mjs +74 -25
- package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-picker.mjs +112 -40
- package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-range-picker.mjs +45 -22
- package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-field.mjs +48 -16
- package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-picker.mjs +41 -29
- package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-range-picker.mjs +115 -48
- package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-description-list.mjs +33 -19
- package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
- package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
- package/fesm2022/slotted-angular-dialog.mjs +72 -30
- package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
- package/fesm2022/slotted-angular-divider.mjs +7 -5
- package/fesm2022/slotted-angular-divider.mjs.map +1 -1
- package/fesm2022/slotted-angular-drawer.mjs +53 -29
- package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
- package/fesm2022/slotted-angular-entity-picker.mjs +468 -75
- package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-event-calendar.mjs +275 -108
- package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-field-group.mjs +14 -7
- package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-field.mjs +35 -15
- package/fesm2022/slotted-angular-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-filter-bar.mjs +112 -51
- package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-form.mjs +18 -10
- package/fesm2022/slotted-angular-form.mjs.map +1 -1
- package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
- package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
- package/fesm2022/slotted-angular-grid.mjs +4 -2
- package/fesm2022/slotted-angular-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-highlight.mjs +5 -3
- package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
- package/fesm2022/slotted-angular-hover-card.mjs +5 -4
- package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-icon.mjs +6 -3
- package/fesm2022/slotted-angular-icon.mjs.map +1 -1
- package/fesm2022/slotted-angular-image.mjs +13 -10
- package/fesm2022/slotted-angular-image.mjs.map +1 -1
- package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
- package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline-message.mjs +88 -13
- package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline.mjs +4 -2
- package/fesm2022/slotted-angular-inline.mjs.map +1 -1
- package/fesm2022/slotted-angular-kbd.mjs +11 -7
- package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
- package/fesm2022/slotted-angular-link.mjs +5 -3
- package/fesm2022/slotted-angular-link.mjs.map +1 -1
- package/fesm2022/slotted-angular-list-item.mjs +21 -18
- package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
- package/fesm2022/slotted-angular-list.mjs +37 -22
- package/fesm2022/slotted-angular-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-listbox.mjs +39 -21
- package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
- package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
- package/fesm2022/slotted-angular-markdown.mjs +31 -19
- package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
- package/fesm2022/slotted-angular-menu.mjs +51 -29
- package/fesm2022/slotted-angular-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-menubar.mjs +4 -2
- package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
- package/fesm2022/slotted-angular-message-scroller.mjs +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 +189 -87
- package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
- package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-notification-center.mjs +108 -65
- package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-number-field.mjs +23 -11
- package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-otp-input.mjs +13 -8
- package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-page-header.mjs +75 -45
- package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
- package/fesm2022/slotted-angular-page.mjs +38 -10
- package/fesm2022/slotted-angular-page.mjs.map +1 -1
- package/fesm2022/slotted-angular-pagination.mjs +35 -22
- package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
- package/fesm2022/slotted-angular-popover.mjs +32 -19
- package/fesm2022/slotted-angular-popover.mjs.map +1 -1
- package/fesm2022/slotted-angular-progress-indicator.mjs +236 -52
- package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-prompt-composer.mjs +41 -20
- package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
- package/fesm2022/slotted-angular-prose.mjs +14 -11
- package/fesm2022/slotted-angular-prose.mjs.map +1 -1
- package/fesm2022/slotted-angular-radio-group.mjs +15 -9
- package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-rating.mjs +138 -82
- package/fesm2022/slotted-angular-rating.mjs.map +1 -1
- package/fesm2022/slotted-angular-result-state.mjs +16 -12
- package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
- package/fesm2022/slotted-angular-saved-views.mjs +43 -16
- package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
- package/fesm2022/slotted-angular-scroll-area.mjs +13 -5
- package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
- package/fesm2022/slotted-angular-section.mjs +53 -18
- package/fesm2022/slotted-angular-section.mjs.map +1 -1
- package/fesm2022/slotted-angular-segmented-control.mjs +37 -11
- package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
- package/fesm2022/slotted-angular-select.mjs +184 -94
- package/fesm2022/slotted-angular-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
- package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
- package/fesm2022/slotted-angular-skeleton.mjs +32 -16
- package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
- package/fesm2022/slotted-angular-slider.mjs +31 -11
- package/fesm2022/slotted-angular-slider.mjs.map +1 -1
- package/fesm2022/slotted-angular-sparkline.mjs +41 -14
- package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
- package/fesm2022/slotted-angular-split-button.mjs +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 +243 -73
- package/fesm2022/slotted-angular-table.mjs.map +1 -1
- package/fesm2022/slotted-angular-tabs.mjs +42 -18
- package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
- package/fesm2022/slotted-angular-tag.mjs +19 -12
- package/fesm2022/slotted-angular-tag.mjs.map +1 -1
- package/fesm2022/slotted-angular-tags-input.mjs +253 -28
- package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-text-field.mjs +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 +48 -14
- package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-picker.mjs +32 -20
- package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-range-picker.mjs +113 -46
- package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-timeline.mjs +135 -64
- package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
- package/fesm2022/slotted-angular-toast.mjs +43 -31
- package/fesm2022/slotted-angular-toast.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle-group.mjs +25 -8
- package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle.mjs +9 -4
- package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
- package/fesm2022/slotted-angular-toolbar.mjs +22 -11
- package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
- package/fesm2022/slotted-angular-tooltip.mjs +15 -6
- package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
- package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
- package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
- package/fesm2022/slotted-angular-tour.mjs +47 -22
- package/fesm2022/slotted-angular-tour.mjs.map +1 -1
- package/fesm2022/slotted-angular-transfer.mjs +69 -30
- package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
- package/fesm2022/slotted-angular-tree.mjs +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 +2 -2
- package/types/slotted-angular-alert.d.ts.map +1 -1
- package/types/slotted-angular-app-shell.d.ts +11 -3
- package/types/slotted-angular-app-shell.d.ts.map +1 -1
- package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
- package/types/slotted-angular-attachment.d.ts +1 -1
- package/types/slotted-angular-attachment.d.ts.map +1 -1
- package/types/slotted-angular-avatar-group.d.ts.map +1 -1
- package/types/slotted-angular-avatar.d.ts +11 -3
- package/types/slotted-angular-avatar.d.ts.map +1 -1
- package/types/slotted-angular-badge.d.ts +1 -1
- package/types/slotted-angular-badge.d.ts.map +1 -1
- package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
- package/types/slotted-angular-button-group.d.ts +1 -1
- package/types/slotted-angular-button-group.d.ts.map +1 -1
- package/types/slotted-angular-button.d.ts +33 -13
- package/types/slotted-angular-button.d.ts.map +1 -1
- package/types/slotted-angular-calendar.d.ts +30 -2
- package/types/slotted-angular-calendar.d.ts.map +1 -1
- package/types/slotted-angular-card.d.ts.map +1 -1
- package/types/slotted-angular-carousel.d.ts.map +1 -1
- package/types/slotted-angular-cascader.d.ts.map +1 -1
- package/types/slotted-angular-chart.d.ts +10 -0
- package/types/slotted-angular-chart.d.ts.map +1 -1
- package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
- package/types/slotted-angular-checkbox.d.ts +7 -1
- package/types/slotted-angular-checkbox.d.ts.map +1 -1
- package/types/slotted-angular-code-block.d.ts +1 -1
- package/types/slotted-angular-code-block.d.ts.map +1 -1
- package/types/slotted-angular-collapsible.d.ts +1 -1
- package/types/slotted-angular-collapsible.d.ts.map +1 -1
- package/types/slotted-angular-color-picker.d.ts.map +1 -1
- package/types/slotted-angular-column-manager.d.ts.map +1 -1
- package/types/slotted-angular-combobox.d.ts +5 -1
- package/types/slotted-angular-combobox.d.ts.map +1 -1
- package/types/slotted-angular-command-palette.d.ts +10 -1
- package/types/slotted-angular-command-palette.d.ts.map +1 -1
- package/types/slotted-angular-container.d.ts.map +1 -1
- package/types/slotted-angular-context-menu.d.ts.map +1 -1
- package/types/slotted-angular-currency-field.d.ts +63 -15
- package/types/slotted-angular-currency-field.d.ts.map +1 -1
- package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-grid.d.ts +49 -4
- package/types/slotted-angular-data-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-list.d.ts.map +1 -1
- package/types/slotted-angular-date-field.d.ts +11 -1
- package/types/slotted-angular-date-field.d.ts.map +1 -1
- package/types/slotted-angular-date-picker.d.ts +38 -12
- package/types/slotted-angular-date-picker.d.ts.map +1 -1
- package/types/slotted-angular-date-range-picker.d.ts +0 -1
- package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-datetime-field.d.ts.map +1 -1
- package/types/slotted-angular-datetime-picker.d.ts +0 -1
- package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
- package/types/slotted-angular-datetime-range-picker.d.ts +0 -1
- package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-description-list.d.ts.map +1 -1
- package/types/slotted-angular-detail-panel.d.ts.map +1 -1
- package/types/slotted-angular-dialog.d.ts +10 -3
- package/types/slotted-angular-dialog.d.ts.map +1 -1
- package/types/slotted-angular-divider.d.ts.map +1 -1
- package/types/slotted-angular-drawer.d.ts +7 -1
- package/types/slotted-angular-drawer.d.ts.map +1 -1
- package/types/slotted-angular-entity-picker.d.ts +63 -15
- package/types/slotted-angular-entity-picker.d.ts.map +1 -1
- package/types/slotted-angular-event-calendar.d.ts +9 -2
- package/types/slotted-angular-event-calendar.d.ts.map +1 -1
- package/types/slotted-angular-field-group.d.ts.map +1 -1
- package/types/slotted-angular-field.d.ts.map +1 -1
- package/types/slotted-angular-filter-bar.d.ts.map +1 -1
- package/types/slotted-angular-form.d.ts.map +1 -1
- package/types/slotted-angular-fullscreen.d.ts.map +1 -1
- package/types/slotted-angular-grid.d.ts.map +1 -1
- package/types/slotted-angular-highlight.d.ts.map +1 -1
- package/types/slotted-angular-hover-card.d.ts.map +1 -1
- package/types/slotted-angular-icon.d.ts +2 -2
- package/types/slotted-angular-icon.d.ts.map +1 -1
- package/types/slotted-angular-image.d.ts.map +1 -1
- package/types/slotted-angular-import-export-center.d.ts.map +1 -1
- package/types/slotted-angular-inline-message.d.ts +25 -25
- package/types/slotted-angular-inline-message.d.ts.map +1 -1
- package/types/slotted-angular-inline.d.ts.map +1 -1
- package/types/slotted-angular-kbd.d.ts.map +1 -1
- package/types/slotted-angular-link.d.ts.map +1 -1
- package/types/slotted-angular-list-item.d.ts +1 -1
- package/types/slotted-angular-list-item.d.ts.map +1 -1
- package/types/slotted-angular-list.d.ts +42 -27
- package/types/slotted-angular-list.d.ts.map +1 -1
- package/types/slotted-angular-listbox.d.ts.map +1 -1
- package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
- package/types/slotted-angular-markdown.d.ts.map +1 -1
- package/types/slotted-angular-menu.d.ts +11 -2
- package/types/slotted-angular-menu.d.ts.map +1 -1
- package/types/slotted-angular-menubar.d.ts.map +1 -1
- package/types/slotted-angular-message-scroller.d.ts.map +1 -1
- package/types/slotted-angular-message.d.ts +1 -1
- package/types/slotted-angular-message.d.ts.map +1 -1
- package/types/slotted-angular-multi-select.d.ts +15 -1
- package/types/slotted-angular-multi-select.d.ts.map +1 -1
- package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
- package/types/slotted-angular-notification-center.d.ts +1 -1
- package/types/slotted-angular-notification-center.d.ts.map +1 -1
- package/types/slotted-angular-number-field.d.ts.map +1 -1
- package/types/slotted-angular-otp-input.d.ts.map +1 -1
- package/types/slotted-angular-page-header.d.ts +4 -4
- package/types/slotted-angular-page-header.d.ts.map +1 -1
- package/types/slotted-angular-page.d.ts.map +1 -1
- package/types/slotted-angular-pagination.d.ts.map +1 -1
- package/types/slotted-angular-popover.d.ts.map +1 -1
- package/types/slotted-angular-progress-indicator.d.ts +8 -1
- package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
- package/types/slotted-angular-prompt-composer.d.ts +11 -2
- package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
- package/types/slotted-angular-prose.d.ts.map +1 -1
- package/types/slotted-angular-radio-group.d.ts.map +1 -1
- package/types/slotted-angular-rating.d.ts +1 -1
- package/types/slotted-angular-rating.d.ts.map +1 -1
- package/types/slotted-angular-result-state.d.ts.map +1 -1
- package/types/slotted-angular-saved-views.d.ts.map +1 -1
- package/types/slotted-angular-scroll-area.d.ts.map +1 -1
- package/types/slotted-angular-section.d.ts +11 -3
- package/types/slotted-angular-section.d.ts.map +1 -1
- package/types/slotted-angular-segmented-control.d.ts +15 -2
- package/types/slotted-angular-segmented-control.d.ts.map +1 -1
- package/types/slotted-angular-select.d.ts +12 -2
- package/types/slotted-angular-select.d.ts.map +1 -1
- package/types/slotted-angular-side-navigation.d.ts.map +1 -1
- package/types/slotted-angular-skeleton.d.ts.map +1 -1
- package/types/slotted-angular-slider.d.ts.map +1 -1
- package/types/slotted-angular-sparkline.d.ts +7 -1
- package/types/slotted-angular-sparkline.d.ts.map +1 -1
- package/types/slotted-angular-split-button.d.ts +2 -2
- package/types/slotted-angular-split-button.d.ts.map +1 -1
- package/types/slotted-angular-splitter.d.ts.map +1 -1
- package/types/slotted-angular-stack.d.ts.map +1 -1
- package/types/slotted-angular-stat-card.d.ts +1 -1
- package/types/slotted-angular-stat-card.d.ts.map +1 -1
- package/types/slotted-angular-status-indicator.d.ts +1 -1
- package/types/slotted-angular-status-indicator.d.ts.map +1 -1
- package/types/slotted-angular-stepper.d.ts +1 -1
- package/types/slotted-angular-stepper.d.ts.map +1 -1
- package/types/slotted-angular-switch.d.ts.map +1 -1
- package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
- package/types/slotted-angular-table.d.ts +63 -6
- package/types/slotted-angular-table.d.ts.map +1 -1
- package/types/slotted-angular-tabs.d.ts +3 -4
- package/types/slotted-angular-tabs.d.ts.map +1 -1
- package/types/slotted-angular-tag.d.ts +1 -1
- package/types/slotted-angular-tag.d.ts.map +1 -1
- package/types/slotted-angular-tags-input.d.ts +33 -1
- package/types/slotted-angular-tags-input.d.ts.map +1 -1
- package/types/slotted-angular-text-field.d.ts.map +1 -1
- package/types/slotted-angular-textarea.d.ts.map +1 -1
- package/types/slotted-angular-theme.d.ts +1 -1
- package/types/slotted-angular-time-field.d.ts.map +1 -1
- package/types/slotted-angular-time-picker.d.ts +0 -1
- package/types/slotted-angular-time-picker.d.ts.map +1 -1
- package/types/slotted-angular-time-range-picker.d.ts +0 -1
- package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-timeline.d.ts +1 -1
- package/types/slotted-angular-timeline.d.ts.map +1 -1
- package/types/slotted-angular-toast.d.ts +3 -3
- package/types/slotted-angular-toast.d.ts.map +1 -1
- package/types/slotted-angular-toggle-group.d.ts +8 -2
- package/types/slotted-angular-toggle-group.d.ts.map +1 -1
- package/types/slotted-angular-toggle.d.ts +1 -1
- package/types/slotted-angular-toggle.d.ts.map +1 -1
- package/types/slotted-angular-toolbar.d.ts.map +1 -1
- package/types/slotted-angular-tooltip.d.ts.map +1 -1
- package/types/slotted-angular-top-navigation.d.ts.map +1 -1
- package/types/slotted-angular-tour.d.ts.map +1 -1
- package/types/slotted-angular-transfer.d.ts.map +1 -1
- package/types/slotted-angular-tree.d.ts.map +1 -1
- package/types/slotted-angular-typography.d.ts +1 -1
- package/types/slotted-angular-typography.d.ts.map +1 -1
- package/types/slotted-angular-upload.d.ts +2 -2
- package/types/slotted-angular-upload.d.ts.map +1 -1
- package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
- package/types/slotted-angular-wizard.d.ts.map +1 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { writeSelectorKey } from '@slotted/core/selector-key';
|
|
1
2
|
import { NgTemplateOutlet } from '@angular/common';
|
|
2
3
|
import * as i0 from '@angular/core';
|
|
3
4
|
import { InjectionToken, inject, TemplateRef, Directive, input, model, booleanAttribute, numberAttribute, output, contentChild, viewChild, ElementRef, Injector, HostAttributeToken, computed, signal, DestroyRef, afterNextRender, effect, untracked, afterRenderEffect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
@@ -501,6 +502,13 @@ class SlEventCalendar {
|
|
|
501
502
|
...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
|
|
502
503
|
defaultDate = input(undefined, /* @ts-ignore */
|
|
503
504
|
...(ngDevMode ? [{ debugName: "defaultDate" }] : /* istanbul ignore next */ []));
|
|
505
|
+
/**
|
|
506
|
+
* Now, in the calendar's zone. Bound means the consumer owns it: the clock
|
|
507
|
+
* is no longer read, so a page dated by its content marks the same today on
|
|
508
|
+
* every machine and at every minute.
|
|
509
|
+
*/
|
|
510
|
+
now = input(undefined, /* @ts-ignore */
|
|
511
|
+
...(ngDevMode ? [{ debugName: "now" }] : /* istanbul ignore next */ []));
|
|
504
512
|
view = model(undefined, /* @ts-ignore */
|
|
505
513
|
...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
|
|
506
514
|
defaultView = input(undefined, /* @ts-ignore */
|
|
@@ -690,9 +698,11 @@ class SlEventCalendar {
|
|
|
690
698
|
}, /* @ts-ignore */
|
|
691
699
|
...(ngDevMode ? [{ debugName: "currentOpen" }] : /* istanbul ignore next */ []));
|
|
692
700
|
/* ── Time ──────────────────────────────────────────────────────────── */
|
|
693
|
-
|
|
694
|
-
...(ngDevMode ? [{ debugName: "
|
|
695
|
-
|
|
701
|
+
clock = signal(null, /* @ts-ignore */
|
|
702
|
+
...(ngDevMode ? [{ debugName: "clock" }] : /* istanbul ignore next */ []));
|
|
703
|
+
resolvedNow = computed(() => this.now() ?? this.clock(), /* @ts-ignore */
|
|
704
|
+
...(ngDevMode ? [{ debugName: "resolvedNow" }] : /* istanbul ignore next */ []));
|
|
705
|
+
today = computed(() => this.resolvedNow()?.date ?? null, /* @ts-ignore */
|
|
696
706
|
...(ngDevMode ? [{ debugName: "today" }] : /* istanbul ignore next */ []));
|
|
697
707
|
narrow = signal(false, /* @ts-ignore */
|
|
698
708
|
...(ngDevMode ? [{ debugName: "narrow" }] : /* istanbul ignore next */ []));
|
|
@@ -779,7 +789,7 @@ class SlEventCalendar {
|
|
|
779
789
|
view: this.currentView(),
|
|
780
790
|
date: this.currentDate(),
|
|
781
791
|
today: this.today(),
|
|
782
|
-
now: this.
|
|
792
|
+
now: this.resolvedNow(),
|
|
783
793
|
calendars: this.calendars(),
|
|
784
794
|
openKey: this.currentOpen(),
|
|
785
795
|
selection: this.pending() ?? this.contextSlot() ?? this.currentSelection(),
|
|
@@ -900,7 +910,8 @@ class SlEventCalendar {
|
|
|
900
910
|
afterNextRender(() => {
|
|
901
911
|
let timer;
|
|
902
912
|
const tick = () => {
|
|
903
|
-
this.now
|
|
913
|
+
if (this.now() === undefined)
|
|
914
|
+
this.clock.set(nowDateTimeIn(this.zoneValue()));
|
|
904
915
|
timer = setTimeout(tick, 60_000 - (Date.now() % 60_000));
|
|
905
916
|
};
|
|
906
917
|
tick();
|
|
@@ -931,7 +942,7 @@ class SlEventCalendar {
|
|
|
931
942
|
afterRenderEffect(() => {
|
|
932
943
|
const button = this.filterButton()?.nativeElement;
|
|
933
944
|
if (button !== undefined && button.getAttribute('data-part') !== 'filter') {
|
|
934
|
-
button
|
|
945
|
+
writeSelectorKey(button, 'part', 'filter');
|
|
935
946
|
}
|
|
936
947
|
});
|
|
937
948
|
/* The detail stands on the event that opened it, or on the "+N" it came from. */
|
|
@@ -1598,11 +1609,12 @@ class SlEventCalendar {
|
|
|
1598
1609
|
}
|
|
1599
1610
|
}
|
|
1600
1611
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlEventCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1601
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlEventCalendar, isStandalone: true, selector: "[slEventCalendar]", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, calendars: { classPropertyName: "calendars", publicName: "calendars", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, defaultDate: { classPropertyName: "defaultDate", publicName: "defaultDate", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, defaultView: { classPropertyName: "defaultView", publicName: "defaultView", isSignal: true, isRequired: false, transformFunction: null }, visibleCalendars: { classPropertyName: "visibleCalendars", publicName: "visibleCalendars", isSignal: true, isRequired: false, transformFunction: null }, defaultVisibleCalendars: { classPropertyName: "defaultVisibleCalendars", publicName: "defaultVisibleCalendars", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, defaultSelection: { classPropertyName: "defaultSelection", publicName: "defaultSelection", isSignal: true, isRequired: false, transformFunction: null }, openEvent: { classPropertyName: "openEvent", publicName: "openEvent", isSignal: true, isRequired: false, transformFunction: null }, defaultOpenEvent: { classPropertyName: "defaultOpenEvent", publicName: "defaultOpenEvent", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, workingHours: { classPropertyName: "workingHours", publicName: "workingHours", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, dayHours: { classPropertyName: "dayHours", publicName: "dayHours", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, fixedWeeks: { classPropertyName: "fixedWeeks", publicName: "fixedWeeks", isSignal: true, isRequired: false, transformFunction: null }, hourCycle: { classPropertyName: "hourCycle", publicName: "hourCycle", isSignal: true, isRequired: false, transformFunction: null }, listRange: { classPropertyName: "listRange", publicName: "listRange", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null }, loadingMinDuration: { classPropertyName: "loadingMinDuration", publicName: "loadingMinDuration", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, maxColumns: { classPropertyName: "maxColumns", publicName: "maxColumns", isSignal: true, isRequired: false, transformFunction: null }, maxEvents: { classPropertyName: "maxEvents", publicName: "maxEvents", isSignal: true, isRequired: false, transformFunction: null }, scrollTime: { classPropertyName: "scrollTime", publicName: "scrollTime", isSignal: true, isRequired: false, transformFunction: null }, slotDuration: { classPropertyName: "slotDuration", publicName: "slotDuration", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, weekends: { classPropertyName: "weekends", publicName: "weekends", isSignal: true, isRequired: false, transformFunction: null }, weekNumbers: { classPropertyName: "weekNumbers", publicName: "weekNumbers", isSignal: true, isRequired: false, transformFunction: null }, canDrop: { classPropertyName: "canDrop", publicName: "canDrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange", view: "viewChange", visibleCalendars: "visibleCalendarsChange", selection: "selectionChange", openEvent: "openEventChange", dateRequest: "dateRequest", viewRequest: "viewRequest", visibleCalendarsRequest: "visibleCalendarsRequest", selectionRequest: "selectionRequest", openEventRequest: "openEventRequest", eventChangeRequest: "eventChangeRequest", rangeChange: "rangeChange" }, host: { attributes: { "data-ui": "event-calendar", "data-part": "root" }, properties: { "attr.data-view": "currentView()", "attr.data-layout": "layout()", "attr.data-loading": "loading() ? '' : null", "attr.data-slot-duration": "slotDurationValue()" } }, queries: [{ propertyName: "eventContentTemplate", first: true, predicate: SlEventCalendarEvent, descendants: true, isSignal: true }, { propertyName: "detail", first: true, predicate: SlEventCalendarDetail, descendants: true, isSignal: true }, { propertyName: "dayContent", first: true, predicate: SlEventCalendarDayContent, descendants: true, isSignal: true }, { propertyName: "actions", first: true, predicate: SlEventCalendarActions, descendants: true, isSignal: true }, { propertyName: "empty", first: true, predicate: SlEventCalendarEmpty, descendants: true, isSignal: true }, { propertyName: "errorContent", first: true, predicate: SlEventCalendarError, descendants: true, isSignal: true }, { propertyName: "contextMenu", first: true, predicate: SlEventCalendarContextMenu, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true, isSignal: true }, { propertyName: "filterButton", first: true, predicate: ["filterButton"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: ["morePopover"], descendants: true, isSignal: true }, { propertyName: "detailPopover", first: true, predicate: ["detailPopover"], descendants: true, isSignal: true }, { propertyName: "contextMenuRef", first: true, predicate: ["contextMenuRef"], descendants: true, isSignal: true }], exportAs: ["slEventCalendar"], ngImport: i0, template: `
|
|
1612
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlEventCalendar, isStandalone: true, selector: "[slEventCalendar]", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, calendars: { classPropertyName: "calendars", publicName: "calendars", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, defaultDate: { classPropertyName: "defaultDate", publicName: "defaultDate", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, defaultView: { classPropertyName: "defaultView", publicName: "defaultView", isSignal: true, isRequired: false, transformFunction: null }, visibleCalendars: { classPropertyName: "visibleCalendars", publicName: "visibleCalendars", isSignal: true, isRequired: false, transformFunction: null }, defaultVisibleCalendars: { classPropertyName: "defaultVisibleCalendars", publicName: "defaultVisibleCalendars", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, defaultSelection: { classPropertyName: "defaultSelection", publicName: "defaultSelection", isSignal: true, isRequired: false, transformFunction: null }, openEvent: { classPropertyName: "openEvent", publicName: "openEvent", isSignal: true, isRequired: false, transformFunction: null }, defaultOpenEvent: { classPropertyName: "defaultOpenEvent", publicName: "defaultOpenEvent", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, workingHours: { classPropertyName: "workingHours", publicName: "workingHours", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, dayHours: { classPropertyName: "dayHours", publicName: "dayHours", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, fixedWeeks: { classPropertyName: "fixedWeeks", publicName: "fixedWeeks", isSignal: true, isRequired: false, transformFunction: null }, hourCycle: { classPropertyName: "hourCycle", publicName: "hourCycle", isSignal: true, isRequired: false, transformFunction: null }, listRange: { classPropertyName: "listRange", publicName: "listRange", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null }, loadingMinDuration: { classPropertyName: "loadingMinDuration", publicName: "loadingMinDuration", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, maxColumns: { classPropertyName: "maxColumns", publicName: "maxColumns", isSignal: true, isRequired: false, transformFunction: null }, maxEvents: { classPropertyName: "maxEvents", publicName: "maxEvents", isSignal: true, isRequired: false, transformFunction: null }, scrollTime: { classPropertyName: "scrollTime", publicName: "scrollTime", isSignal: true, isRequired: false, transformFunction: null }, slotDuration: { classPropertyName: "slotDuration", publicName: "slotDuration", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, weekends: { classPropertyName: "weekends", publicName: "weekends", isSignal: true, isRequired: false, transformFunction: null }, weekNumbers: { classPropertyName: "weekNumbers", publicName: "weekNumbers", isSignal: true, isRequired: false, transformFunction: null }, canDrop: { classPropertyName: "canDrop", publicName: "canDrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange", view: "viewChange", visibleCalendars: "visibleCalendarsChange", selection: "selectionChange", openEvent: "openEventChange", dateRequest: "dateRequest", viewRequest: "viewRequest", visibleCalendarsRequest: "visibleCalendarsRequest", selectionRequest: "selectionRequest", openEventRequest: "openEventRequest", eventChangeRequest: "eventChangeRequest", rangeChange: "rangeChange" }, host: { attributes: { "data-ui": "event-calendar", "data-ui-event-calendar": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-view": "currentView()", "attr.data-layout": "layout()", "attr.data-loading": "loading() ? '' : null", "attr.data-slot-duration": "slotDurationValue()" } }, queries: [{ propertyName: "eventContentTemplate", first: true, predicate: SlEventCalendarEvent, descendants: true, isSignal: true }, { propertyName: "detail", first: true, predicate: SlEventCalendarDetail, descendants: true, isSignal: true }, { propertyName: "dayContent", first: true, predicate: SlEventCalendarDayContent, descendants: true, isSignal: true }, { propertyName: "actions", first: true, predicate: SlEventCalendarActions, descendants: true, isSignal: true }, { propertyName: "empty", first: true, predicate: SlEventCalendarEmpty, descendants: true, isSignal: true }, { propertyName: "errorContent", first: true, predicate: SlEventCalendarError, descendants: true, isSignal: true }, { propertyName: "contextMenu", first: true, predicate: SlEventCalendarContextMenu, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "body", first: true, predicate: ["body"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true, isSignal: true }, { propertyName: "filterButton", first: true, predicate: ["filterButton"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: ["morePopover"], descendants: true, isSignal: true }, { propertyName: "detailPopover", first: true, predicate: ["detailPopover"], descendants: true, isSignal: true }, { propertyName: "contextMenuRef", first: true, predicate: ["contextMenuRef"], descendants: true, isSignal: true }], exportAs: ["slEventCalendar"], ngImport: i0, template: `
|
|
1602
1613
|
@if (header()) {
|
|
1603
|
-
<div data-part="header">
|
|
1614
|
+
<div data-part="header" data-part-header="">
|
|
1604
1615
|
<div
|
|
1605
1616
|
data-part="title"
|
|
1617
|
+
data-part-title=""
|
|
1606
1618
|
role="heading"
|
|
1607
1619
|
aria-live="polite"
|
|
1608
1620
|
[attr.aria-level]="level()"
|
|
@@ -1610,20 +1622,27 @@ class SlEventCalendar {
|
|
|
1610
1622
|
>
|
|
1611
1623
|
{{ title() }}
|
|
1612
1624
|
</div>
|
|
1613
|
-
<div
|
|
1625
|
+
<div
|
|
1626
|
+
data-part="navigation"
|
|
1627
|
+
data-part-navigation=""
|
|
1628
|
+
role="group"
|
|
1629
|
+
[attr.aria-label]="t('navigation')"
|
|
1630
|
+
>
|
|
1614
1631
|
<button
|
|
1615
1632
|
data-part="previous"
|
|
1633
|
+
data-part-previous=""
|
|
1616
1634
|
type="button"
|
|
1617
1635
|
[attr.aria-label]="previousLabel()"
|
|
1618
1636
|
(click)="step(-1, $event)"
|
|
1619
1637
|
>
|
|
1620
1638
|
<span slIcon><svg slGlyph name="chevron-right"></svg></span>
|
|
1621
1639
|
</button>
|
|
1622
|
-
<button data-part="today" type="button" (click)="goToday($event)">
|
|
1640
|
+
<button data-part="today" data-part-today="" type="button" (click)="goToday($event)">
|
|
1623
1641
|
{{ t('today') }}
|
|
1624
1642
|
</button>
|
|
1625
1643
|
<button
|
|
1626
1644
|
data-part="next"
|
|
1645
|
+
data-part-next=""
|
|
1627
1646
|
type="button"
|
|
1628
1647
|
[attr.aria-label]="nextLabel()"
|
|
1629
1648
|
(click)="step(1, $event)"
|
|
@@ -1632,7 +1651,7 @@ class SlEventCalendar {
|
|
|
1632
1651
|
</button>
|
|
1633
1652
|
</div>
|
|
1634
1653
|
@if (views().length > 1) {
|
|
1635
|
-
<div data-part="views">
|
|
1654
|
+
<div data-part="views" data-part-views="">
|
|
1636
1655
|
<div
|
|
1637
1656
|
slSegmentedControl
|
|
1638
1657
|
fullWidth
|
|
@@ -1647,7 +1666,13 @@ class SlEventCalendar {
|
|
|
1647
1666
|
</div>
|
|
1648
1667
|
}
|
|
1649
1668
|
@if (calendars().length > 1) {
|
|
1650
|
-
<button
|
|
1669
|
+
<button
|
|
1670
|
+
#filterButton
|
|
1671
|
+
data-part="filter"
|
|
1672
|
+
data-part-filter=""
|
|
1673
|
+
type="button"
|
|
1674
|
+
[slMenuTriggerFor]="filterMenu"
|
|
1675
|
+
>
|
|
1651
1676
|
<span slIcon><svg slGlyph name="funnel"></svg></span>
|
|
1652
1677
|
<span>{{ t('calendars') }}</span>
|
|
1653
1678
|
<span slIcon><svg slGlyph name="chevron-down"></svg></span>
|
|
@@ -1670,7 +1695,9 @@ class SlEventCalendar {
|
|
|
1670
1695
|
</sl-menu>
|
|
1671
1696
|
}
|
|
1672
1697
|
@if (actions()) {
|
|
1673
|
-
<div data-part="actions"
|
|
1698
|
+
<div data-part="actions" data-part-actions="">
|
|
1699
|
+
<ng-content select="[slEventCalendarActions]" />
|
|
1700
|
+
</div>
|
|
1674
1701
|
}
|
|
1675
1702
|
</div>
|
|
1676
1703
|
}
|
|
@@ -1681,6 +1708,7 @@ class SlEventCalendar {
|
|
|
1681
1708
|
<div
|
|
1682
1709
|
#body
|
|
1683
1710
|
data-part="body"
|
|
1711
|
+
data-part-body=""
|
|
1684
1712
|
[slContextMenuTriggerFor]="contextMenuRef"
|
|
1685
1713
|
[attr.aria-busy]="loading() ? true : null"
|
|
1686
1714
|
(keydown)="onKeyDown($event)"
|
|
@@ -1707,6 +1735,7 @@ class SlEventCalendar {
|
|
|
1707
1735
|
<div
|
|
1708
1736
|
#body
|
|
1709
1737
|
data-part="body"
|
|
1738
|
+
data-part-body=""
|
|
1710
1739
|
[attr.aria-busy]="loading() ? true : null"
|
|
1711
1740
|
(keydown)="onKeyDown($event)"
|
|
1712
1741
|
(pointerdown)="onPointerDown($event)"
|
|
@@ -1716,7 +1745,7 @@ class SlEventCalendar {
|
|
|
1716
1745
|
}
|
|
1717
1746
|
|
|
1718
1747
|
<ng-template #bodyContent>
|
|
1719
|
-
<div data-part="loader">
|
|
1748
|
+
<div data-part="loader" data-part-loader="">
|
|
1720
1749
|
@if (loaderMounted()) {
|
|
1721
1750
|
<div
|
|
1722
1751
|
slProgressBar
|
|
@@ -1730,29 +1759,35 @@ class SlEventCalendar {
|
|
|
1730
1759
|
}
|
|
1731
1760
|
</div>
|
|
1732
1761
|
@if (errorContent()) {
|
|
1733
|
-
<div data-part="error"
|
|
1762
|
+
<div data-part="error" data-part-error="">
|
|
1763
|
+
<ng-content select="[slEventCalendarError]" />
|
|
1764
|
+
</div>
|
|
1734
1765
|
}
|
|
1735
1766
|
|
|
1736
1767
|
@if (layout() === 'list') {
|
|
1737
|
-
<div data-part="list">
|
|
1768
|
+
<div data-part="list" data-part-list="">
|
|
1738
1769
|
@for (day of listDrawing(); track day.iso) {
|
|
1739
1770
|
<section
|
|
1740
1771
|
data-part="list-day"
|
|
1772
|
+
data-part-list-day=""
|
|
1741
1773
|
[attr.aria-labelledby]="day.headingId"
|
|
1742
1774
|
[attr.data-date]="day.iso"
|
|
1743
1775
|
[attr.data-today]="day.today ? '' : null"
|
|
1744
1776
|
>
|
|
1745
1777
|
<div
|
|
1746
1778
|
data-part="list-day-heading"
|
|
1779
|
+
data-part-list-day-heading=""
|
|
1747
1780
|
role="heading"
|
|
1748
1781
|
[attr.aria-level]="level() + 1"
|
|
1749
1782
|
[attr.id]="day.headingId"
|
|
1750
1783
|
[attr.aria-label]="day.heading.label"
|
|
1751
1784
|
>
|
|
1752
|
-
<span data-part="list-weekday">{{
|
|
1753
|
-
|
|
1785
|
+
<span data-part="list-weekday" data-part-list-weekday="">{{
|
|
1786
|
+
day.heading.weekday
|
|
1787
|
+
}}</span>
|
|
1788
|
+
<span data-part="list-date" data-part-list-date="">{{ day.heading.date }}</span>
|
|
1754
1789
|
</div>
|
|
1755
|
-
<ul data-part="list-events" role="list">
|
|
1790
|
+
<ul data-part="list-events" data-part-list-events="" role="list">
|
|
1756
1791
|
@for (view of day.events; track view.key) {
|
|
1757
1792
|
<li>
|
|
1758
1793
|
<ng-container
|
|
@@ -1763,35 +1798,46 @@ class SlEventCalendar {
|
|
|
1763
1798
|
</ul>
|
|
1764
1799
|
</section>
|
|
1765
1800
|
} @empty {
|
|
1766
|
-
<div data-part="empty">
|
|
1801
|
+
<div data-part="empty" data-part-empty="">
|
|
1767
1802
|
<p>{{ emptyText() }}</p>
|
|
1768
1803
|
<ng-content select="[slEventCalendarEmpty]" />
|
|
1769
1804
|
</div>
|
|
1770
1805
|
}
|
|
1771
1806
|
</div>
|
|
1772
1807
|
} @else if (currentView() === 'month') {
|
|
1773
|
-
<table data-part="month" role="grid" [attr.aria-labelledby]="titleId">
|
|
1808
|
+
<table data-part="month" data-part-month="" role="grid" [attr.aria-labelledby]="titleId">
|
|
1774
1809
|
<thead>
|
|
1775
|
-
<tr data-part="weekdays">
|
|
1810
|
+
<tr data-part="weekdays" data-part-weekdays="">
|
|
1776
1811
|
@if (weekNumbersValue()) {
|
|
1777
|
-
<th data-part="week-number-header" scope="col">
|
|
1778
|
-
<span data-ui="visually-hidden">{{
|
|
1812
|
+
<th data-part="week-number-header" data-part-week-number-header="" scope="col">
|
|
1813
|
+
<span data-ui="visually-hidden" data-ui-visually-hidden="">{{
|
|
1814
|
+
t('weekNumber')
|
|
1815
|
+
}}</span>
|
|
1779
1816
|
</th>
|
|
1780
1817
|
}
|
|
1781
1818
|
@for (name of monthDrawing().weekdays; track name.key) {
|
|
1782
|
-
<th data-part="weekday" scope="col" [attr.abbr]="name.long">
|
|
1819
|
+
<th data-part="weekday" data-part-weekday="" scope="col" [attr.abbr]="name.long">
|
|
1820
|
+
{{ name.short }}
|
|
1821
|
+
</th>
|
|
1783
1822
|
}
|
|
1784
1823
|
</tr>
|
|
1785
1824
|
</thead>
|
|
1786
1825
|
<tbody>
|
|
1787
1826
|
@for (row of monthDrawing().rows; track row.key) {
|
|
1788
|
-
<tr
|
|
1827
|
+
<tr
|
|
1828
|
+
data-part="week"
|
|
1829
|
+
data-part-week=""
|
|
1830
|
+
[style.--slotted-event-calendar-lanes]="maxEventsValue()"
|
|
1831
|
+
>
|
|
1789
1832
|
@if (weekNumbersValue()) {
|
|
1790
|
-
<th data-part="week-number" scope="row">
|
|
1833
|
+
<th data-part="week-number" data-part-week-number="" scope="row">
|
|
1834
|
+
{{ row.weekNumber }}
|
|
1835
|
+
</th>
|
|
1791
1836
|
}
|
|
1792
1837
|
@for (cell of row.cells; track cell.iso) {
|
|
1793
1838
|
<td
|
|
1794
1839
|
data-part="day"
|
|
1840
|
+
data-part-day=""
|
|
1795
1841
|
data-row="day"
|
|
1796
1842
|
role="gridcell"
|
|
1797
1843
|
[attr.data-date]="cell.iso"
|
|
@@ -1805,9 +1851,10 @@ class SlEventCalendar {
|
|
|
1805
1851
|
[attr.data-non-working]="cell.nonWorking ? '' : null"
|
|
1806
1852
|
[attr.data-selected]="cell.selected ? '' : null"
|
|
1807
1853
|
>
|
|
1808
|
-
<div data-part="day-header">
|
|
1854
|
+
<div data-part="day-header" data-part-day-header="">
|
|
1809
1855
|
<button
|
|
1810
1856
|
data-part="day-number"
|
|
1857
|
+
data-part-day-number=""
|
|
1811
1858
|
type="button"
|
|
1812
1859
|
tabindex="-1"
|
|
1813
1860
|
[attr.id]="id + '-day-' + cell.iso"
|
|
@@ -1818,7 +1865,7 @@ class SlEventCalendar {
|
|
|
1818
1865
|
{{ cell.date.day }}
|
|
1819
1866
|
</button>
|
|
1820
1867
|
@if (dayContent(); as content) {
|
|
1821
|
-
<div data-part="day-content">
|
|
1868
|
+
<div data-part="day-content" data-part-day-content="">
|
|
1822
1869
|
<ng-container
|
|
1823
1870
|
*ngTemplateOutlet="
|
|
1824
1871
|
content.template;
|
|
@@ -1829,11 +1876,12 @@ class SlEventCalendar {
|
|
|
1829
1876
|
}
|
|
1830
1877
|
<span
|
|
1831
1878
|
data-ui="visually-hidden"
|
|
1879
|
+
data-ui-visually-hidden=""
|
|
1832
1880
|
[attr.id]="id + '-day-' + cell.iso + '-count'"
|
|
1833
1881
|
>{{ cell.count }}</span
|
|
1834
1882
|
>
|
|
1835
1883
|
</div>
|
|
1836
|
-
<div data-part="day-events">
|
|
1884
|
+
<div data-part="day-events" data-part-day-events="">
|
|
1837
1885
|
@for (view of cell.events; track view.key) {
|
|
1838
1886
|
<ng-container
|
|
1839
1887
|
*ngTemplateOutlet="
|
|
@@ -1843,11 +1891,12 @@ class SlEventCalendar {
|
|
|
1843
1891
|
/>
|
|
1844
1892
|
}
|
|
1845
1893
|
@for (text of cell.continuations; track $index) {
|
|
1846
|
-
<span data-part="continuation">{{ text }}</span>
|
|
1894
|
+
<span data-part="continuation" data-part-continuation="">{{ text }}</span>
|
|
1847
1895
|
}
|
|
1848
1896
|
@if (cell.more > 0) {
|
|
1849
1897
|
<button
|
|
1850
1898
|
data-part="more"
|
|
1899
|
+
data-part-more=""
|
|
1851
1900
|
type="button"
|
|
1852
1901
|
tabindex="-1"
|
|
1853
1902
|
aria-haspopup="dialog"
|
|
@@ -1868,17 +1917,21 @@ class SlEventCalendar {
|
|
|
1868
1917
|
} @else {
|
|
1869
1918
|
<div
|
|
1870
1919
|
data-part="time-grid"
|
|
1920
|
+
data-part-time-grid=""
|
|
1871
1921
|
role="grid"
|
|
1872
1922
|
[attr.aria-labelledby]="titleId"
|
|
1873
1923
|
[style.--slotted-event-calendar-days]="timeDrawing().days"
|
|
1874
1924
|
[style.--slotted-event-calendar-slot]="slotDurationValue()"
|
|
1875
1925
|
>
|
|
1876
|
-
<div data-part="time-head" role="rowgroup">
|
|
1877
|
-
<div data-part="columns" role="row">
|
|
1878
|
-
<div data-part="zone" role="columnheader">
|
|
1926
|
+
<div data-part="time-head" data-part-time-head="" role="rowgroup">
|
|
1927
|
+
<div data-part="columns" data-part-columns="" role="row">
|
|
1928
|
+
<div data-part="zone" data-part-zone="" role="columnheader">
|
|
1929
|
+
{{ timeDrawing().zone }}
|
|
1930
|
+
</div>
|
|
1879
1931
|
@for (column of timeDrawing().headers; track column.iso) {
|
|
1880
1932
|
<div
|
|
1881
1933
|
data-part="column-header"
|
|
1934
|
+
data-part-column-header=""
|
|
1882
1935
|
data-row="header"
|
|
1883
1936
|
role="columnheader"
|
|
1884
1937
|
[attr.data-date]="column.iso"
|
|
@@ -1886,9 +1939,12 @@ class SlEventCalendar {
|
|
|
1886
1939
|
[attr.data-today]="column.today ? '' : null"
|
|
1887
1940
|
[attr.data-offset-change]="column.offsetShort === null ? null : ''"
|
|
1888
1941
|
>
|
|
1889
|
-
<span data-part="weekday" aria-hidden="true">{{
|
|
1942
|
+
<span data-part="weekday" data-part-weekday="" aria-hidden="true">{{
|
|
1943
|
+
column.weekday
|
|
1944
|
+
}}</span>
|
|
1890
1945
|
<button
|
|
1891
1946
|
data-part="day-number"
|
|
1947
|
+
data-part-day-number=""
|
|
1892
1948
|
type="button"
|
|
1893
1949
|
tabindex="-1"
|
|
1894
1950
|
[attr.aria-label]="column.label"
|
|
@@ -1897,7 +1953,7 @@ class SlEventCalendar {
|
|
|
1897
1953
|
{{ column.date.day }}
|
|
1898
1954
|
</button>
|
|
1899
1955
|
@if (dayContent(); as content) {
|
|
1900
|
-
<div data-part="day-content">
|
|
1956
|
+
<div data-part="day-content" data-part-day-content="">
|
|
1901
1957
|
<ng-container
|
|
1902
1958
|
*ngTemplateOutlet="
|
|
1903
1959
|
content.template;
|
|
@@ -1909,6 +1965,7 @@ class SlEventCalendar {
|
|
|
1909
1965
|
@if (column.offsetShort !== null) {
|
|
1910
1966
|
<span
|
|
1911
1967
|
data-part="offset-change"
|
|
1968
|
+
data-part-offset-change=""
|
|
1912
1969
|
role="note"
|
|
1913
1970
|
[attr.aria-label]="column.offsetLong"
|
|
1914
1971
|
>{{ column.offsetShort }}</span
|
|
@@ -1919,13 +1976,17 @@ class SlEventCalendar {
|
|
|
1919
1976
|
</div>
|
|
1920
1977
|
<div
|
|
1921
1978
|
data-part="all-day-row"
|
|
1979
|
+
data-part-all-day-row=""
|
|
1922
1980
|
role="row"
|
|
1923
1981
|
[style.--slotted-event-calendar-lanes]="timeDrawing().lanes"
|
|
1924
1982
|
>
|
|
1925
|
-
<div data-part="all-day-label" role="rowheader">
|
|
1983
|
+
<div data-part="all-day-label" data-part-all-day-label="" role="rowheader">
|
|
1984
|
+
{{ t('allDay') }}
|
|
1985
|
+
</div>
|
|
1926
1986
|
@for (cell of timeDrawing().allDay; track cell.iso) {
|
|
1927
1987
|
<div
|
|
1928
1988
|
data-part="all-day-cell"
|
|
1989
|
+
data-part-all-day-cell=""
|
|
1929
1990
|
data-row="all-day"
|
|
1930
1991
|
role="gridcell"
|
|
1931
1992
|
[attr.data-date]="cell.iso"
|
|
@@ -1941,23 +2002,26 @@ class SlEventCalendar {
|
|
|
1941
2002
|
/>
|
|
1942
2003
|
}
|
|
1943
2004
|
@for (text of cell.continuations; track $index) {
|
|
1944
|
-
<span data-part="continuation">{{ text }}</span>
|
|
2005
|
+
<span data-part="continuation" data-part-continuation="">{{ text }}</span>
|
|
1945
2006
|
}
|
|
1946
2007
|
</div>
|
|
1947
2008
|
}
|
|
1948
2009
|
</div>
|
|
1949
2010
|
</div>
|
|
1950
|
-
<div #scroller data-part="scroller" role="rowgroup">
|
|
1951
|
-
<div data-part="time-row" role="row">
|
|
1952
|
-
<div data-part="gutter" role="rowheader">
|
|
1953
|
-
<span data-ui="visually-hidden">{{ t('timed') }}</span>
|
|
2011
|
+
<div #scroller data-part="scroller" data-part-scroller="" role="rowgroup">
|
|
2012
|
+
<div data-part="time-row" data-part-time-row="" role="row">
|
|
2013
|
+
<div data-part="gutter" data-part-gutter="" role="rowheader">
|
|
2014
|
+
<span data-ui="visually-hidden" data-ui-visually-hidden="">{{ t('timed') }}</span>
|
|
1954
2015
|
@for (hour of timeDrawing().hours; track hour.hour) {
|
|
1955
|
-
<span data-part="hour" aria-hidden="true">{{
|
|
2016
|
+
<span data-part="hour" data-part-hour="" aria-hidden="true">{{
|
|
2017
|
+
hour.label
|
|
2018
|
+
}}</span>
|
|
1956
2019
|
}
|
|
1957
2020
|
</div>
|
|
1958
2021
|
@for (column of timeDrawing().columns; track column.iso) {
|
|
1959
2022
|
<div
|
|
1960
2023
|
data-part="column"
|
|
2024
|
+
data-part-column=""
|
|
1961
2025
|
data-row="timed"
|
|
1962
2026
|
role="gridcell"
|
|
1963
2027
|
[attr.data-date]="column.iso"
|
|
@@ -1966,13 +2030,28 @@ class SlEventCalendar {
|
|
|
1966
2030
|
[attr.data-non-working]="column.nonWorking ? '' : null"
|
|
1967
2031
|
>
|
|
1968
2032
|
@for (off of column.offHours; track $index) {
|
|
1969
|
-
<div
|
|
2033
|
+
<div
|
|
2034
|
+
data-part="off-hours"
|
|
2035
|
+
data-part-off-hours=""
|
|
2036
|
+
aria-hidden="true"
|
|
2037
|
+
[style]="off"
|
|
2038
|
+
></div>
|
|
1970
2039
|
}
|
|
1971
2040
|
@if (column.offsetLine; as line) {
|
|
1972
|
-
<div
|
|
2041
|
+
<div
|
|
2042
|
+
data-part="offset-line"
|
|
2043
|
+
data-part-offset-line=""
|
|
2044
|
+
aria-hidden="true"
|
|
2045
|
+
[style]="line"
|
|
2046
|
+
></div>
|
|
1973
2047
|
}
|
|
1974
2048
|
@if (column.selection; as chosen) {
|
|
1975
|
-
<div
|
|
2049
|
+
<div
|
|
2050
|
+
data-part="selection"
|
|
2051
|
+
data-part-selection=""
|
|
2052
|
+
aria-hidden="true"
|
|
2053
|
+
[style]="chosen.style"
|
|
2054
|
+
>
|
|
1976
2055
|
{{ chosen.text }}
|
|
1977
2056
|
</div>
|
|
1978
2057
|
}
|
|
@@ -1984,6 +2063,7 @@ class SlEventCalendar {
|
|
|
1984
2063
|
@for (entry of column.more; track $index) {
|
|
1985
2064
|
<button
|
|
1986
2065
|
data-part="more"
|
|
2066
|
+
data-part-more=""
|
|
1987
2067
|
type="button"
|
|
1988
2068
|
tabindex="-1"
|
|
1989
2069
|
aria-haspopup="dialog"
|
|
@@ -1997,7 +2077,7 @@ class SlEventCalendar {
|
|
|
1997
2077
|
</button>
|
|
1998
2078
|
}
|
|
1999
2079
|
@if (column.now; as now) {
|
|
2000
|
-
<div data-part="now" aria-hidden="true" [style]="now"></div>
|
|
2080
|
+
<div data-part="now" data-part-now="" aria-hidden="true" [style]="now"></div>
|
|
2001
2081
|
}
|
|
2002
2082
|
</div>
|
|
2003
2083
|
}
|
|
@@ -2027,6 +2107,7 @@ class SlEventCalendar {
|
|
|
2027
2107
|
<div slDrawerBody>
|
|
2028
2108
|
<ul
|
|
2029
2109
|
data-part="list-events"
|
|
2110
|
+
data-part-list-events=""
|
|
2030
2111
|
data-layout="stacked"
|
|
2031
2112
|
role="list"
|
|
2032
2113
|
[attr.aria-label]="t('dayEvents', { day: dateLabel(date) })"
|
|
@@ -2057,9 +2138,10 @@ class SlEventCalendar {
|
|
|
2057
2138
|
<p slDrawerDescription>
|
|
2058
2139
|
@if (whenOf(occurrence); as when) {
|
|
2059
2140
|
@if (when.day !== null) {
|
|
2060
|
-
<span data-part="detail-day">{{ when.day }},</span
|
|
2141
|
+
<span data-part="detail-day" data-part-detail-day="">{{ when.day }},</span
|
|
2142
|
+
>{{ ' ' }}
|
|
2061
2143
|
}
|
|
2062
|
-
<span data-part="detail-range">{{ when.range }}</span>
|
|
2144
|
+
<span data-part="detail-range" data-part-detail-range="">{{ when.range }}</span>
|
|
2063
2145
|
}
|
|
2064
2146
|
</p>
|
|
2065
2147
|
<button slDrawerClose></button>
|
|
@@ -2093,6 +2175,7 @@ class SlEventCalendar {
|
|
|
2093
2175
|
<div slPopoverBody>
|
|
2094
2176
|
<ul
|
|
2095
2177
|
data-part="list-events"
|
|
2178
|
+
data-part-list-events=""
|
|
2096
2179
|
data-layout="stacked"
|
|
2097
2180
|
role="list"
|
|
2098
2181
|
[attr.aria-label]="t('dayEvents', { day: dateLabel(date) })"
|
|
@@ -2131,9 +2214,12 @@ class SlEventCalendar {
|
|
|
2131
2214
|
<div slPopoverDescription>
|
|
2132
2215
|
@if (whenOf(occurrence); as when) {
|
|
2133
2216
|
@if (when.day !== null) {
|
|
2134
|
-
<span data-part="detail-day">{{ when.day }},</span
|
|
2217
|
+
<span data-part="detail-day" data-part-detail-day="">{{ when.day }},</span
|
|
2218
|
+
>{{ ' ' }}
|
|
2135
2219
|
}
|
|
2136
|
-
<span data-part="detail-range">{{
|
|
2220
|
+
<span data-part="detail-range" data-part-detail-range="">{{
|
|
2221
|
+
when.range
|
|
2222
|
+
}}</span>
|
|
2137
2223
|
}
|
|
2138
2224
|
</div>
|
|
2139
2225
|
<button slPopoverClose></button>
|
|
@@ -2157,6 +2243,7 @@ class SlEventCalendar {
|
|
|
2157
2243
|
@if (view.href !== null) {
|
|
2158
2244
|
<a
|
|
2159
2245
|
data-part="event"
|
|
2246
|
+
data-part-event=""
|
|
2160
2247
|
[attr.href]="view.href"
|
|
2161
2248
|
[attr.tabindex]="inGrid ? -1 : null"
|
|
2162
2249
|
[attr.data-key]="view.key"
|
|
@@ -2181,6 +2268,7 @@ class SlEventCalendar {
|
|
|
2181
2268
|
} @else {
|
|
2182
2269
|
<button
|
|
2183
2270
|
data-part="event"
|
|
2271
|
+
data-part-event=""
|
|
2184
2272
|
type="button"
|
|
2185
2273
|
[attr.tabindex]="inGrid ? -1 : null"
|
|
2186
2274
|
[attr.data-key]="view.key"
|
|
@@ -2227,22 +2315,22 @@ class SlEventCalendar {
|
|
|
2227
2315
|
/>
|
|
2228
2316
|
} @else {
|
|
2229
2317
|
@if (view.time !== null) {
|
|
2230
|
-
<span data-part="event-time">{{ view.time }}</span>
|
|
2318
|
+
<span data-part="event-time" data-part-event-time="">{{ view.time }}</span>
|
|
2231
2319
|
}
|
|
2232
|
-
<span data-part="event-title">{{ view.title }}</span>
|
|
2320
|
+
<span data-part="event-title" data-part-event-title="">{{ view.title }}</span>
|
|
2233
2321
|
@if (view.location) {
|
|
2234
|
-
<span data-part="event-location">{{ view.location }}</span>
|
|
2322
|
+
<span data-part="event-location" data-part-event-location="">{{ view.location }}</span>
|
|
2235
2323
|
}
|
|
2236
2324
|
}
|
|
2237
|
-
<span data-part="event-meta">{{ view.meta }}</span>
|
|
2325
|
+
<span data-part="event-meta" data-part-event-meta="">{{ view.meta }}</span>
|
|
2238
2326
|
@if (view.bar && view.continuesAfter) {
|
|
2239
2327
|
<span slIcon size="sm" data-edge="end"><svg slGlyph name="chevron-right"></svg></span>
|
|
2240
2328
|
}
|
|
2241
2329
|
@if (view.resizable) {
|
|
2242
|
-
<span aria-hidden="true" data-part="resize-handle"></span>
|
|
2330
|
+
<span aria-hidden="true" data-part="resize-handle" data-part-resize-handle=""></span>
|
|
2243
2331
|
}
|
|
2244
2332
|
</ng-template>
|
|
2245
|
-
`, isInline: true, styles: ["@layer slotted.components{[data-ui=event-calendar][data-part=root]{container:slotted-event-calendar / inline-size;--_rule: var(--slotted-event-calendar-rule-color, var(--slotted-border-subtle, #d8dee6));--_rule-width: var(--slotted-border-width-thin, 1px);--_air: var(--slotted-space-2, .25rem);--_hour: var( --slotted-event-calendar-hour-size, calc(var(--slotted-control-height-sm, 30px) * 2) );--_event-size: max( var(--slotted-control-inner-size-sm, 22px), calc(var(--slotted-target-min, 24px) - var(--_air)) );--_event-font-size: var(--slotted-control-font-size-sm, 12px);--_event-radius: var(--slotted-event-calendar-event-radius, var(--slotted-radius-sm, 4px));--_tint: 14%;--_tint-hover: 21%;--_tint-active: 27%;--_edge: 34%;--_edge-hover: 50%;--_tint-dark: 24%;--_tint-hover-dark: 32%;--_tint-active-dark: 38%;--_edge-dark: 44%;--_edge-hover-dark: 60%;--_ink-mix: 58%;--_hue: var(--slotted-text-muted, #5b6b7f);--_off: color-mix(in oklab, var(--slotted-text-muted, #5b6b7f) 7%, transparent);--_gutter: calc(var(--slotted-space-11, 3rem) + var(--slotted-space-4, .5rem));--_gap: var(--slotted-control-gap-md, 8px);--_line-xs: round(nearest, calc(1em * var(--slotted-line-height-xs, 1.4)), 1px);--_line-sm: round(nearest, calc(1em * var(--slotted-line-height-sm, 1.45)), 1px);--_base: var(--slotted-event-calendar-background, var(--slotted-surface, #ffffff));background-color:var(--slotted-event-calendar-background, transparent);box-sizing:border-box;color:var(--slotted-text, #0f172a);display:flex;flex-direction:column;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-control-font-size-md, 13px);gap:var(--slotted-space-5, .75rem);min-block-size:0;min-inline-size:0}[data-ui=event-calendar] *,[data-ui=event-calendar] *:before,[data-ui=event-calendar] *:after{box-sizing:border-box}[data-ui=event-calendar]>[data-part=header]{align-items:center;display:grid;grid-template-areas:\"title navigation views filter actions\";grid-template-columns:minmax(0,1fr) auto auto auto auto;row-gap:var(--slotted-space-4, .5rem)}[data-ui=event-calendar]>[data-part=header]>[data-part=title]{font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-semibold, 600);grid-area:title;line-height:var(--slotted-line-height-lg, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui=event-calendar] [data-part=navigation]{align-items:center;display:inline-flex;gap:var(--slotted-space-2, .25rem);grid-area:navigation;margin-inline-start:var(--slotted-space-6, 1rem)}[data-ui=event-calendar] [data-part=views]{display:flex;grid-area:views;margin-inline-start:var(--slotted-space-5, .75rem);min-inline-size:0}[data-ui=event-calendar] [data-part=filter]{grid-area:filter;margin-inline-start:var(--_gap)}[data-ui=event-calendar]>[data-part=header]>[data-part=actions]{align-items:center;display:inline-flex;gap:var(--_gap);grid-area:actions;margin-inline-start:var(--_gap)}[data-ui=event-calendar] [data-part=today],[data-ui=event-calendar] [data-part=filter],[data-ui=event-calendar] [data-part=previous],[data-ui=event-calendar] [data-part=next]{align-items:center;appearance:none;background-color:var(--slotted-control-surface, #ffffff);block-size:var(--slotted-control-height-md, 34px);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-control-border-color, #bfc7d1);border-radius:var(--slotted-control-radius, 4px);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-text, #0f172a);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-control-gap-md, 8px);justify-content:center;padding-block:0;padding-inline:var(--slotted-control-padding-inline-md, 13px);touch-action:manipulation;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);white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui=event-calendar] [data-part=previous],[data-ui=event-calendar] [data-part=next]{inline-size:var(--slotted-control-height-md, 34px);padding-inline:0}[data-ui=event-calendar] [data-part=today]:hover:not([data-disabled]),[data-ui=event-calendar] [data-part=filter]:hover:not([data-disabled]),[data-ui=event-calendar] [data-part=previous]:hover:not([data-disabled]),[data-ui=event-calendar] [data-part=next]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui=event-calendar] [data-part=today]:active:not([data-disabled]),[data-ui=event-calendar] [data-part=filter]:active:not([data-disabled]),[data-ui=event-calendar] [data-part=previous]:active:not([data-disabled]),[data-ui=event-calendar] [data-part=next]:active:not([data-disabled]),[data-ui=event-calendar] [data-part=filter][aria-expanded=true]{background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui=event-calendar] [data-part=previous]>[data-ui=icon],[data-ui=event-calendar] [data-part=next]>[data-ui=icon],[data-ui=event-calendar] [data-part=filter]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-md, 16px)}[data-ui=event-calendar] [data-part=previous]>[data-ui=icon]{rotate:180deg}[data-ui=event-calendar]:dir(rtl) [data-part=previous]>[data-ui=icon]{rotate:0deg}[data-ui=event-calendar]:dir(rtl) [data-part=next]>[data-ui=icon]{rotate:180deg}[data-ui=event-calendar] [data-part=filter]>[data-ui=icon]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui=event-calendar] [data-part=today]:focus-visible,[data-ui=event-calendar] [data-part=filter]:focus-visible,[data-ui=event-calendar] [data-part=previous]:focus-visible,[data-ui=event-calendar] [data-part=next]:focus-visible,[data-ui=event-calendar] [data-part=day-number]: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=event-calendar] [data-part=day]:focus-visible,[data-ui=event-calendar] [data-part=column-header]:focus-visible,[data-ui=event-calendar] [data-part=all-day-cell]:focus-visible,[data-ui=event-calendar] [data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=event-calendar] [data-part=event]:focus-visible,[data-ui=event-calendar] [data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:1px;z-index:3}[data-ui=event-calendar]>[data-part=body]{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;position:relative}[data-ui=event-calendar]>[data-part=body][data-ui=context-menu]{--slotted-context-menu-mark-width: 0px}[data-ui=event-calendar][data-layout=list]>[data-part=body]{overflow-y:auto;overscroll-behavior:contain}[data-ui=event-calendar]>[data-part=body]>[data-part=loader]{inset-block-start:0;inset-inline:0;pointer-events:none;position:absolute;z-index:4}[data-ui=event-calendar]>[data-part=body]>[data-part=error]{margin-block-end:var(--slotted-space-5, .75rem)}[data-ui=event-calendar]>[data-part=body][aria-busy=true] [data-part=event]{opacity:.6}[data-ui=event-calendar] [data-part=month]{flex:1 0 auto;border-block-start:var(--_rule-width) solid var(--_rule);border-collapse:separate;border-inline-start:var(--_rule-width) solid var(--_rule);border-spacing:0;inline-size:100%;table-layout:fixed}[data-ui=event-calendar] [data-part=weekday],[data-ui=event-calendar] [data-part=week-number-header]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_line-xs);overflow:hidden;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-3, .375rem);text-align:start;text-overflow:ellipsis;white-space:nowrap}[data-ui=event-calendar] [data-part=month] [data-part=weekday],[data-ui=event-calendar] [data-part=month] [data-part=week-number-header]{border-block-end:var(--_rule-width) solid var(--_rule);border-inline-end:var(--_rule-width) solid var(--_rule)}[data-ui=event-calendar] [data-part=week-number-header],[data-ui=event-calendar] [data-part=week-number]{inline-size:calc(var(--slotted-space-9, 2rem) + var(--slotted-space-2, .25rem))}[data-ui=event-calendar] [data-part=week-number]{border-block-end:var(--_rule-width) solid var(--_rule);border-inline-end:var(--_rule-width) solid var(--_rule);color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-regular, 400);padding-block-start:var(--slotted-space-4, .5rem);text-align:center;vertical-align:top}[data-ui=event-calendar] [data-part=day]{--_pad: var(--_air);border-block-end:var(--_rule-width) solid var(--_rule);border-inline-end:var(--_rule-width) solid var(--_rule);padding:var(--_pad);position:relative;vertical-align:top}[data-ui=event-calendar] [data-part=day][data-non-working],[data-ui=event-calendar] [data-part=column][data-non-working],[data-ui=event-calendar] [data-part=all-day-cell][data-non-working]{background-color:var(--slotted-event-calendar-off-background, var(--_off))}[data-ui=event-calendar] [data-part=day][data-selected],[data-ui=event-calendar] [data-part=all-day-cell][data-selected]{--_run-edge: var(--slotted-border-width-thin, 1px);--_run-color: var( --slotted-event-calendar-selection-border-color, var(--slotted-tone-accent-border, #2563eb) );--_run-start: 0px;--_run-end: 0px;--_run-direction: 1;background-color:var( --slotted-event-calendar-selection-background, var(--slotted-tone-accent-surface, #eff6ff) );box-shadow:inset 0 var(--_run-edge) 0 0 var(--_run-color),inset 0 calc(var(--_run-edge) * -1) 0 0 var(--_run-color),inset calc(var(--_run-start) * var(--_run-direction)) 0 0 0 var(--_run-color),inset calc(var(--_run-end) * var(--_run-direction) * -1) 0 0 0 var(--_run-color)}[data-ui=event-calendar]:dir(rtl) [data-part=day][data-selected],[data-ui=event-calendar]:dir(rtl) [data-part=all-day-cell][data-selected]{--_run-direction: -1}[data-ui=event-calendar] [data-part=day][data-selected]:not([data-selected]+*),[data-ui=event-calendar] [data-part=all-day-cell][data-selected]:not([data-selected]+*){--_run-start: var(--_run-edge)}[data-ui=event-calendar] [data-part=day][data-selected]:not(:has(+[data-selected])),[data-ui=event-calendar] [data-part=all-day-cell][data-selected]:not(:has(+[data-selected])){--_run-end: var(--_run-edge)}[data-ui=event-calendar] [data-part=day-header]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);justify-content:space-between;margin-block-end:var(--_air);min-inline-size:0}[data-ui=event-calendar] [data-part=day-content]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_line-xs);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui=event-calendar] [data-part=day-number]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_event-size);border:0;border-radius:var(--slotted-radius-full, 9999px);color:inherit;cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:var(--_event-font-size);font-variant-numeric:tabular-nums;justify-content:center;min-inline-size:var(--_event-size);padding-block:0;padding-inline:var(--slotted-space-2, .25rem);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=event-calendar] [data-part=day-number]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui=event-calendar] [data-part=day-number]:active:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui=event-calendar] [data-part=day][data-outside-month] [data-part=day-number]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui=event-calendar] [data-today]>[data-part=day-header] [data-part=day-number],[data-ui=event-calendar] [data-part=column-header][data-today] [data-part=day-number]{background-color:var( --slotted-event-calendar-today-background, var(--slotted-tone-accent-solid, #2563eb) );color:var(--slotted-event-calendar-today-color, var(--slotted-tone-accent-on-solid, #ffffff));font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=event-calendar] [data-part=day-events],[data-ui=event-calendar] [data-part=all-day-cell]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--slotted-event-calendar-lanes, 3),var(--_event-size));row-gap:var(--_air)}[data-ui=event-calendar] [data-part=day-events]{container:slotted-event-calendar-day / inline-size;grid-template-rows:repeat(var(--slotted-event-calendar-lanes, 3),var(--_event-size)) var(--_event-size);position:relative}[data-ui=event-calendar] [data-part=day-events]>[data-part=event],[data-ui=event-calendar] [data-part=all-day-cell]>[data-part=event]{grid-column:1;grid-row:var(--slotted-event-lane, 1);justify-self:start}[data-ui=event-calendar] [data-part=day-events]>[data-part=more]{grid-column:1;grid-row:-2 / -1;justify-self:start}[data-ui=event-calendar] [data-part=event]{align-items:center;appearance:none;background-color:transparent;border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--_event-radius);color:var(--slotted-text, #0f172a);cursor:pointer;display:flex;font:inherit;font-size:var(--_event-font-size);gap:var(--slotted-space-2, .25rem);line-height:var(--_line-xs);margin:0;min-inline-size:0;overflow:hidden;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;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);-webkit-tap-highlight-color:transparent}[data-ui=event-calendar] [data-part=event][data-color=\"1\"]{--_hue: var(--slotted-data-1, #2563eb)}[data-ui=event-calendar] [data-part=event][data-color=\"2\"]{--_hue: var(--slotted-data-2, #ea580c)}[data-ui=event-calendar] [data-part=event][data-color=\"3\"]{--_hue: var(--slotted-data-3, #0891b2)}[data-ui=event-calendar] [data-part=event][data-color=\"4\"]{--_hue: var(--slotted-data-4, #dc2626)}[data-ui=event-calendar] [data-part=event][data-color=\"5\"]{--_hue: var(--slotted-data-5, #7c3aed)}[data-ui=event-calendar] [data-part=event][data-color=\"6\"]{--_hue: var(--slotted-data-6, #a16207)}[data-ui=event-calendar] [data-part=event][data-color=\"7\"]{--_hue: var(--slotted-data-7, #c026d3)}[data-ui=event-calendar] [data-part=event][data-color=\"8\"]{--_hue: var(--slotted-data-8, #16a34a)}[data-ui=event-calendar] [data-part=event-time],[data-ui=event-calendar] [data-part=event-title],[data-ui=event-calendar] [data-part=event-location],[data-ui=event-calendar] [data-part=more],[data-ui=event-calendar] [data-part=hour],[data-ui=event-calendar] [data-part=zone],[data-ui=event-calendar] [data-part=selection],[data-ui=event-calendar] [data-part=offset-change]{unicode-bidi:plaintext}[data-ui=event-calendar] [data-part=event-time]{color:var(--slotted-text-muted, #5b6b7f);flex:0 0 auto;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=event-calendar] [data-part=event-title]{flex:0 1 auto;font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=event-calendar] [data-part=event-location]{color:var(--slotted-text-muted, #5b6b7f);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=event-calendar] [data-part=event-meta],[data-ui=event-calendar] [data-part=continuation]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar]){position:relative;block-size:var(--_event-size);inline-size:100%;padding-inline:var(--slotted-space-2, .25rem)}[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar]):before,[data-ui=event-calendar] [data-part=list-events] [data-part=event]:before{background-color:var(--_hue);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);content:\"\";flex:0 0 auto;inline-size:var(--slotted-space-4, .5rem)}[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar]):hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar]):active:not([data-disabled],[data-open]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar])[data-open]{background-color:light-dark(color-mix(in oklab,var(--_hue) var(--_tint),var(--_base)),color-mix(in oklab,var(--_hue) var(--_tint-dark),var(--_base)))}[data-ui=event-calendar] [data-part=event][data-bar],[data-ui=event-calendar] [data-part=column]>[data-part=event]{--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-dark), var(--_base)) );--_ink: color-mix(in oklab, var(--_hue) var(--_ink-mix), var(--slotted-text, #0f172a));background-color:var(--_ground);border-color:light-dark(color-mix(in oklab,var(--_hue) var(--_edge),var(--_base)),color-mix(in oklab,var(--_hue) var(--_edge-dark),var(--_base)));color:var(--_ink)}[data-ui=event-calendar] [data-part=event][data-bar] [data-part=event-time],[data-ui=event-calendar] [data-part=event][data-bar] [data-part=event-location],[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-time],[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-location]{color:color-mix(in oklab,var(--_ink) 72%,var(--_ground))}[data-ui=event-calendar] [data-part=event][data-bar]:hover:not([data-disabled],[data-open],[data-dragging],[data-context]),[data-ui=event-calendar] [data-part=column]>[data-part=event]:hover:not([data-disabled],[data-open],[data-dragging],[data-context]){--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint-hover), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-hover-dark), var(--_base)) );border-color:light-dark(color-mix(in oklab,var(--_hue) var(--_edge-hover),var(--_base)),color-mix(in oklab,var(--_hue) var(--_edge-hover-dark),var(--_base)))}[data-ui=event-calendar] [data-part=event][data-bar]:active:not([data-disabled],[data-open],[data-dragging],[data-context]),[data-ui=event-calendar] [data-part=column]>[data-part=event]:active:not([data-disabled],[data-open],[data-dragging],[data-context]){--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint-active), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-active-dark), var(--_base)) );transition-duration:var(--slotted-duration-instant)}[data-ui=event-calendar] [data-part=event][data-bar][data-open],[data-ui=event-calendar] [data-part=column]>[data-part=event][data-open],[data-ui=event-calendar] [data-part=event][data-bar][data-context],[data-ui=event-calendar] [data-part=column]>[data-part=event][data-context],[data-ui=event-calendar] [data-part=event][data-bar][data-dragging],[data-ui=event-calendar] [data-part=column]>[data-part=event][data-dragging]{--_ground: color-mix(in oklab, var(--_hue) 80%, #000000);--_ink: #ffffff;border-color:var(--_ground)}[data-ui=event-calendar] [data-part=event][data-bar][data-dragging][data-drop-invalid],[data-ui=event-calendar] [data-part=column]>[data-part=event][data-dragging][data-drop-invalid]{--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-dark), var(--_base)) );--_ink: color-mix(in oklab, var(--_hue) var(--_ink-mix), var(--slotted-text, #0f172a));border-color:var(--slotted-tone-danger-border, #dc2626);border-style:dashed}[data-ui=event-calendar]:has([data-part=event][data-drop-invalid]),[data-ui=event-calendar]:has([data-part=event][data-drop-invalid]) *{cursor:not-allowed}[data-ui=event-calendar] [data-part=event][data-bar][data-open]:hover:not([data-disabled]),[data-ui=event-calendar] [data-part=column]>[data-part=event][data-open]:hover:not([data-disabled]){--_ground: color-mix(in oklab, var(--_hue) 70%, #000000)}[data-ui=event-calendar] [data-part=event][data-bar][data-open]:active:not([data-disabled]),[data-ui=event-calendar] [data-part=column]>[data-part=event][data-open]:active:not([data-disabled]){--_ground: color-mix(in oklab, var(--_hue) 60%, #000000);transition-duration:var(--slotted-duration-instant)}[data-ui=event-calendar] [data-part=column]>[data-part=event]:not([data-short]):after{background-image:linear-gradient(to bottom,transparent,var(--_ground));block-size:min(var(--slotted-space-6, 1rem),45%);border-end-end-radius:inherit;border-end-start-radius:inherit;content:\"\";inset-block-end:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=event-calendar] [data-part=event][data-past]:not([data-open],[data-dragging]){--_tint: 7%;--_tint-hover: 13%;--_edge: 20%;--_tint-dark: 12%;--_tint-hover-dark: 19%;--_edge-dark: 26%;--_ink-mix: 30%}[data-ui=event-calendar] [data-part=day-events]>[data-part=event][data-past]:not([data-bar]):before{opacity:.55}[data-ui=event-calendar] [data-part=day-events]>[data-part=event][data-past]:not([data-bar]){color:var(--slotted-text-muted, #5b6b7f)}[data-ui=event-calendar] [data-part=list-events] [data-part=event][data-past]:before{opacity:.55}[data-ui=event-calendar] [data-part=list-events] [data-part=event][data-past]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui=event-calendar] [data-part=event][data-bar]{block-size:var(--_event-size);inline-size:calc(var(--slotted-event-span, 1) * (100% + 2 * var(--_pad, 0px) + var(--_rule-width)) - 2 * var(--_pad, 0px) - var(--_rule-width));inset-block-start:0;inset-inline-start:0;position:absolute;z-index:1}[data-ui=event-calendar] [data-part=event][data-bar][data-continues-before]{border-end-start-radius:0;border-start-start-radius:0;padding-inline-start:var(--slotted-space-1, .125rem)}[data-ui=event-calendar] [data-part=event][data-bar][data-continues-after]{border-end-end-radius:0;border-start-end-radius:0;padding-inline-end:var(--slotted-space-1, .125rem)}[data-ui=event-calendar] [data-part=event][data-bar]>[data-ui=icon][data-edge]{color:color-mix(in oklab,var(--_hue) 70%,var(--slotted-text, #0f172a))}[data-ui=event-calendar] [data-part=event][data-bar]>[data-ui=icon][data-edge=start]{rotate:180deg}[data-ui=event-calendar] [data-part=event][data-bar]>[data-ui=icon][data-edge=end]{margin-inline-start:auto}[data-ui=event-calendar]:dir(rtl) [data-part=event][data-bar]>[data-ui=icon][data-edge=start]{rotate:0deg}[data-ui=event-calendar]:dir(rtl) [data-part=event][data-bar]>[data-ui=icon][data-edge=end]{rotate:180deg}[data-ui=event-calendar] [data-part=event][data-status=tentative][data-bar]:not([data-open],[data-dragging]),[data-ui=event-calendar] [data-part=column]>[data-part=event][data-status=tentative]:not([data-open],[data-dragging]){--_tint: 0%;--_tint-hover: 7%;--_tint-active: 12%;--_tint-dark: 0%;--_tint-hover-dark: 12%;--_tint-active-dark: 18%;border-color:var(--_hue);border-style:dashed}[data-ui=event-calendar] [data-part=event][data-status=cancelled]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui=event-calendar] [data-part=event][data-status=cancelled] [data-part=event-title]{text-decoration:line-through}[data-ui=event-calendar] [data-part=event][data-editable]{cursor:grab;touch-action:none}[data-ui=event-calendar] [data-part=event][data-dragging]{box-shadow:var(--slotted-shadow-md, none);cursor:grabbing;pointer-events:none;z-index:5}[data-ui=event-calendar] [data-part=resize-handle]{display:flex;inset-block-end:0;inset-inline:0;align-items:center;block-size:var(--slotted-space-4, .5rem);cursor:ns-resize;justify-content:center;position:absolute;touch-action:none;z-index:1}[data-ui=event-calendar] [data-part=event][data-bar]>[data-part=resize-handle]{block-size:auto;cursor:ew-resize;inline-size:var(--slotted-space-4, .5rem);inset-block:0;inset-inline:auto 0}[data-ui=event-calendar] [data-part=resize-handle]:before{background-color:var(--_ink, var(--_hue));block-size:var(--slotted-border-width-thick, 2px);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--slotted-space-6, 1rem);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=event-calendar] [data-part=event][data-bar]>[data-part=resize-handle]:before{block-size:var(--slotted-space-4, .5rem);inline-size:var(--slotted-border-width-thick, 2px)}[data-ui=event-calendar] [data-part=event]:hover:not([data-disabled])>[data-part=resize-handle]:before,[data-ui=event-calendar] [data-part=event]:focus-visible>[data-part=resize-handle]:before,[data-ui=event-calendar] [data-part=event][data-dragging]>[data-part=resize-handle]:before{opacity:1;transition-timing-function:var(--slotted-easing-enter)}[data-ui=event-calendar] [data-part=more]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_event-size);border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--_event-radius);color:var(--slotted-text-muted, #5b6b7f);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--_event-font-size);font-weight:var(--slotted-font-weight-medium, 500);gap:.3em;max-inline-size:100%;overflow:hidden;padding-block:0;padding-inline:var(--slotted-space-2, .25rem);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);white-space:nowrap}[data-ui=event-calendar] [data-part=more]:hover:not([data-disabled]),[data-ui=event-calendar] [data-part=more][aria-expanded=true]{background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5);color:var(--slotted-text, #0f172a)}[data-ui=event-calendar] [data-part=more]:active:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}@container slotted-event-calendar-day (max-width: 7.5rem){[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar])>[data-part=event-time]{display:none}}@container slotted-event-calendar-event (max-width: 4.5rem){[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-time],[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-location]{display:none}[data-ui=event-calendar] [data-part=column]>[data-part=event]{padding-inline:var(--slotted-space-2, .25rem)}}@container slotted-event-calendar-event (max-width: 2rem){[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-title]{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}}@container slotted-event-calendar-event (max-width: 4.5rem){[data-ui=event-calendar] [data-part=column]>[data-part=more]>span{display:none}}[data-ui=event-calendar] [data-part=time-grid]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0}[data-ui=event-calendar] [data-part=time-head]{border-block-end:var(--_rule-width) solid var(--_rule);overflow:hidden;scrollbar-gutter:stable}[data-ui=event-calendar] [data-part=columns],[data-ui=event-calendar] [data-part=all-day-row],[data-ui=event-calendar] [data-part=time-row]{display:grid;grid-template-columns:var(--_gutter) repeat(var(--slotted-event-calendar-days, 7),minmax(0,1fr))}[data-ui=event-calendar] [data-part=columns]{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui=event-calendar] [data-part=zone]{align-self:end;color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;line-height:var(--_line-xs);overflow:hidden;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);text-align:end;text-overflow:ellipsis;white-space:nowrap}[data-ui=event-calendar] [data-part=column-header]{align-items:center;border-inline-start:var(--_rule-width) solid var(--_rule);display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--_air)}[data-ui=event-calendar] [data-part=column-header] [data-part=weekday]{max-inline-size:100%;padding:0}[data-ui=event-calendar] [data-part=column-header][data-today] [data-part=weekday]{color:var(--slotted-tone-accent-text, #1d4ed8)}[data-ui=event-calendar] [data-part=column-header] [data-part=day-number]{block-size:var(--slotted-control-inner-size-lg, 28px);font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:var(--slotted-control-inner-size-lg, 28px)}[data-ui=event-calendar] [data-part=column-header] [data-part=day-content],[data-ui=event-calendar] [data-part=offset-change]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_line-xs);max-inline-size:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}[data-ui=event-calendar] [data-part=all-day-label]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);hyphens:auto;line-height:var(--_line-xs);overflow-wrap:break-word;padding-block:calc(var(--_air) + (var(--_event-size) - 1lh) / 2);padding-inline:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);text-align:end}[data-ui=event-calendar] [data-part=all-day-cell]{--_pad: var(--_air);border-inline-start:var(--_rule-width) solid var(--_rule);min-inline-size:0;padding:var(--_pad);position:relative}[data-ui=event-calendar] [data-part=scroller]{flex:1 1 40rem;max-block-size:max-content;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}[data-ui=event-calendar] [data-part=gutter]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=event-calendar] [data-part=hour]{block-size:var(--_hour);color:var(--slotted-text-muted, #5b6b7f);flex:0 0 auto;font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;line-height:var(--_line-xs);overflow:hidden;padding-inline-end:var(--slotted-space-3, .375rem);text-align:end;text-overflow:ellipsis;translate:0 calc(var(--_line-xs) / -2);white-space:nowrap}[data-ui=event-calendar] [data-part=hour]:nth-child(1 of[data-part=hour]){visibility:hidden}[data-ui=event-calendar] [data-part=column]{background-image:linear-gradient(to bottom,var(--_rule) var(--_rule-width),transparent var(--_rule-width)),linear-gradient(to bottom,color-mix(in oklab,var(--_rule) 45%,transparent) var(--_rule-width),transparent var(--_rule-width));background-size:100% var(--_hour),100% calc(var(--_hour) * var(--slotted-event-calendar-slot, 30) / 60);border-inline-start:var(--_rule-width) solid var(--_rule);min-inline-size:0;position:relative}[data-ui=event-calendar] [data-part=column][data-today]{background-color:color-mix(in oklab,var(--slotted-tone-accent-surface, #eff6ff) 50%,transparent)}[data-ui=event-calendar] [data-part=column]>[data-part=event],[data-ui=event-calendar] [data-part=column]>[data-part=more],[data-ui=event-calendar] [data-part=column]>[data-part=selection]{--_room: calc(100% - var(--slotted-space-5, .75rem));--_share: calc(var(--_room) / var(--slotted-event-columns, 1));block-size:max(calc(var(--slotted-event-length, 30) * var(--_hour) / 60 - var(--_air)),var(--_event-size));inline-size:calc(var(--_share) * var(--slotted-event-span, 1) - var(--_air));inset-block-start:calc(var(--slotted-event-start, 0) * var(--_hour) / 60 + var(--_air) / 2);inset-inline-start:calc(var(--_share) * var(--slotted-event-column, 0) + var(--_air));position:absolute}[data-ui=event-calendar] [data-part=column]>[data-part=event]{align-content:start;align-items:start;container:slotted-event-calendar-event / inline-size;flex-direction:column;gap:0;padding-block:var(--slotted-space-1, .125rem);z-index:1}[data-ui=event-calendar] [data-part=column]>[data-part=event]>*{flex-shrink:0}[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-title]{max-inline-size:100%;order:-1}[data-ui=event-calendar] [data-part=column]>[data-part=event]:not([data-short])>[data-part=event-title]{-webkit-box-orient:vertical;display:-webkit-box;hyphens:auto;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:break-word;white-space:normal}[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-location],[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-time]{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}[data-ui=event-calendar] [data-part=column]>[data-part=event][data-short]{align-items:center;flex-direction:row;gap:var(--slotted-space-2, .25rem);padding-block:0}[data-ui=event-calendar] [data-part=column]>[data-part=event][data-short]>[data-part=event-title]{flex:0 0 auto;max-inline-size:100%}[data-ui=event-calendar] [data-part=column]>[data-part=event][data-short]>[data-part=event-time]{flex:1 1 0;min-inline-size:0}[data-ui=event-calendar] [data-part=column]>[data-part=event][data-clipped-start],[data-ui=event-calendar] [data-part=column]>[data-part=event][data-continues-before]{border-block-start-style:dashed;border-start-end-radius:0;border-start-start-radius:0}[data-ui=event-calendar] [data-part=column]>[data-part=event][data-clipped-end],[data-ui=event-calendar] [data-part=column]>[data-part=event][data-continues-after]{border-block-end-style:dashed;border-end-end-radius:0;border-end-start-radius:0}[data-ui=event-calendar] [data-part=column]>[data-part=more]{align-items:start;container:slotted-event-calendar-event / inline-size;background-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 9%,var(--_base));border-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 24%,var(--_base));padding-block:var(--slotted-space-1, .125rem);z-index:1}[data-ui=event-calendar] [data-part=column]>[data-part=more]:hover:not([data-disabled]),[data-ui=event-calendar] [data-part=column]>[data-part=more][aria-expanded=true]{background-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 15%,var(--_base))}[data-ui=event-calendar] [data-part=column]>[data-part=more]:active:not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 21%,var(--_base))}[data-ui=event-calendar] [data-part=column]>[data-part=more][data-overlay]{align-items:center;background-color:var(--_base);block-size:auto;border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm, none);container-type:normal;inline-size:auto;inset-block-start:calc((var(--slotted-event-start, 0) + var(--slotted-event-length, 30)) * var(--_hour) / 60 - var(--_air));inset-inline:auto var(--slotted-space-4, .5rem);line-height:var(--_line-xs);translate:0 -100%;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);z-index:3}[data-ui=event-calendar] [data-part=column]>[data-part=more][data-overlay]>span{display:none}[data-ui=event-calendar] [data-part=column]>[data-part=selection]{background-color:var( --slotted-event-calendar-selection-background, var(--slotted-tone-accent-surface, #eff6ff) );border:var(--slotted-border-width-thin, 1px) solid var( --slotted-event-calendar-selection-border-color, var(--slotted-tone-accent-border, #2563eb) );border-radius:var(--_event-radius);color:var(--slotted-tone-accent-text, #1d4ed8);font-size:var(--_event-font-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);inline-size:calc(var(--_room) - var(--_air));inset-inline-start:var(--_air);line-height:var(--_line-xs);overflow:hidden;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-3, .375rem);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;z-index:2}[data-ui=event-calendar] [data-part=off-hours]{background-color:var(--slotted-event-calendar-off-background, var(--_off));block-size:calc(var(--slotted-event-length, 0) * var(--_hour) / 60);inset-block-start:calc(var(--slotted-event-start, 0) * var(--_hour) / 60);inset-inline:0;pointer-events:none;position:absolute}[data-ui=event-calendar] [data-part=now],[data-ui=event-calendar] [data-part=offset-line]{inset-block-start:calc(var(--slotted-event-start, 0) * var(--_hour) / 60);inset-inline:0;pointer-events:none;position:absolute}[data-ui=event-calendar] [data-part=now]{border-block-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-event-calendar-now-color, var(--slotted-tone-accent-solid, #2563eb));translate:0 -50%;z-index:2}[data-ui=event-calendar] [data-part=now]:before{background-color:var( --slotted-event-calendar-now-color, var(--slotted-tone-accent-solid, #2563eb) );block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--slotted-space-4, .5rem);inset-block-start:calc(var(--slotted-space-4, .5rem) / -2 - var(--slotted-border-width-thick, 2px) / 2);inset-inline-start:calc(var(--slotted-space-4, .5rem) / -2);position:absolute}[data-ui=event-calendar] [data-part=offset-line]{border-block-start:var(--slotted-border-width-thin, 1px) dashed var(--slotted-border-strong, #78899c);z-index:1}[data-ui=event-calendar]>[data-part=body]>[data-part=list]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-direction:column}[data-ui=event-calendar] [data-part=list-day]{border-block-end:var(--_rule-width) solid var(--_rule);column-gap:var(--slotted-space-6, 1rem);display:grid;grid-template-columns:calc(var(--slotted-space-12, 4rem) * 2) minmax(0,1fr);padding-block:var(--slotted-space-4, .5rem)}[data-ui=event-calendar] [data-part=list-day-heading]{display:flex;flex-direction:column;margin:0;padding-block:var(--slotted-space-3, .375rem)}[data-ui=event-calendar] [data-part=list-weekday]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_line-xs)}[data-ui=event-calendar] [data-part=list-date]{font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_line-sm)}[data-ui=event-calendar] [data-part=list-day][data-today] [data-part=list-day-heading],[data-ui=event-calendar] [data-part=list-day][data-today] [data-part=list-weekday]{color:var(--slotted-tone-accent-text, #1d4ed8)}[data-ui=event-calendar] [data-part=list-events]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;padding:0}[data-ui=event-calendar] [data-part=list-events] [data-part=event]{align-items:start;column-gap:var(--slotted-space-4, .5rem);display:grid;font-size:var(--slotted-font-size-sm, .8125rem);grid-template-columns:calc(var(--slotted-space-12, 4rem) * 2.5) auto minmax(0,1fr);inline-size:100%;line-height:var(--_line-sm);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-3, .375rem)}[data-ui=event-calendar] [data-part=list-events] [data-part=event]:before{grid-column:2;grid-row:1;margin-block-start:calc((1lh - var(--slotted-space-4, .5rem)) / 2)}[data-ui=event-calendar] [data-part=list-events] [data-part=event-time]{grid-column:1;grid-row:1;white-space:normal}[data-ui=event-calendar] [data-part=list-events] [data-part=event-title]{grid-column:3;grid-row:1;overflow-wrap:break-word;white-space:normal}[data-ui=event-calendar] [data-part=list-events] [data-part=event-location]{font-size:var(--slotted-font-size-xs, .75rem);grid-column:3;line-height:var(--_line-xs);grid-row:2;overflow-wrap:break-word;white-space:normal}[data-ui=event-calendar] [data-part=list-events] [data-part=event]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui=event-calendar] [data-part=list-events] [data-part=event]:active:not([data-disabled],[data-open],[data-context]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui=event-calendar] [data-part=list-events] [data-part=event][data-open],[data-ui=event-calendar] [data-part=list-events] [data-part=event][data-context]{background-color:light-dark(color-mix(in oklab,var(--_hue) var(--_tint),var(--_base)),color-mix(in oklab,var(--_hue) var(--_tint-dark),var(--_base)))}[data-ui=event-calendar] [data-part=list-events] [data-part=event][data-status=tentative]:before{background-color:transparent;border:var(--slotted-border-width-medium, 1.5px) solid var(--_hue)}[data-ui=event-calendar] [data-part=detail-day],[data-ui=event-calendar] [data-part=detail-range]{display:inline-block}[data-ui=event-calendar] [data-ui=popover]>[data-part=content]>[data-part=body],[data-ui=event-calendar] [data-ui=drawer] [data-part=panel]>[data-part=body]{display:grid;gap:var(--slotted-space-5, .75rem)}[data-ui=event-calendar] [data-part=list-events][data-layout=stacked] [data-part=event]{grid-template-columns:auto minmax(0,1fr)}[data-ui=event-calendar] [data-part=list-events][data-layout=stacked] [data-part=event]:before{grid-column:1}[data-ui=event-calendar] [data-part=list-events][data-layout=stacked] [data-part=event-title]{grid-column:2;grid-row:1}[data-ui=event-calendar] [data-part=list-events][data-layout=stacked] [data-part=event-time]{font-size:var(--slotted-font-size-xs, .75rem);grid-column:2;grid-row:2;line-height:var(--_line-xs)}[data-ui=event-calendar] [data-part=list-events][data-layout=stacked] [data-part=event-location]{grid-column:2;grid-row:3}[data-ui=event-calendar] [data-part=empty]{align-items:center;color:var(--slotted-text-muted, #5b6b7f);display:flex;flex-direction:column;gap:var(--slotted-space-5, .75rem);padding-block:var(--slotted-space-10, 2.5rem);padding-inline:var(--slotted-space-6, 1rem);text-align:center}@container slotted-event-calendar (max-width: 959px){[data-ui=event-calendar]>[data-part=header]{grid-template-areas:\"title title navigation navigation\" \"views . filter actions\";grid-template-columns:auto minmax(0,1fr) auto auto}[data-ui=event-calendar] [data-part=navigation]{justify-self:end}[data-ui=event-calendar] [data-part=views]{margin-inline-start:0}}@container slotted-event-calendar (max-width: 599px){[data-ui=event-calendar][data-part=root]{--_gutter: calc(var(--slotted-space-10, 2.5rem) + var(--slotted-space-2, .25rem))}[data-ui=event-calendar] [data-part=list-day]{grid-template-columns:minmax(0,1fr);row-gap:var(--slotted-space-1, .125rem)}[data-ui=event-calendar] [data-part=list-day-heading]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);flex-direction:row;flex-wrap:wrap}[data-ui=event-calendar] [data-part=list-events] [data-part=event]{grid-template-columns:auto minmax(0,1fr)}[data-ui=event-calendar] [data-part=list-events] [data-part=event]:before{grid-column:1}[data-ui=event-calendar] [data-part=list-events] [data-part=event-title]{grid-column:2;grid-row:1}[data-ui=event-calendar] [data-part=list-events] [data-part=event-time]{font-size:var(--slotted-font-size-xs, .75rem);grid-column:2;grid-row:2;line-height:var(--_line-xs)}[data-ui=event-calendar] [data-part=list-events] [data-part=event-location]{grid-column:2;grid-row:3}[data-ui=event-calendar] [data-part=month] [data-part=day]{--_event-size: var(--slotted-space-3, .375rem);--_air: var(--slotted-space-1, .125rem)}[data-ui=event-calendar] [data-part=month] [data-part=day-header]{margin-block-end:var(--slotted-space-2, .25rem)}[data-ui=event-calendar] [data-part=month] [data-part=day-number]{block-size:var(--slotted-control-inner-size-sm, 22px);min-inline-size:var(--slotted-control-inner-size-sm, 22px)}[data-ui=event-calendar] [data-part=month] [data-part=day-number]:after{content:\"\";inset:0;position:absolute}[data-ui=event-calendar] [data-part=month] [data-part=event]{padding:0;pointer-events:none}[data-ui=event-calendar] [data-part=column]>[data-part=event]{background-color:light-dark(color-mix(in oklab,var(--_hue) var(--_tint-active),var(--_base)),color-mix(in oklab,var(--_hue) var(--_tint-active-dark),var(--_base)));border-color:var(--_hue);padding:0}[data-ui=event-calendar] [data-part=column]>[data-part=more]{justify-content:center;padding-inline:0}[data-ui=event-calendar] [data-part=month] [data-part=event][data-bar]{background-color:var(--_hue);border-color:var(--_hue);border-radius:var(--slotted-radius-full, 9999px)}[data-ui=event-calendar] [data-part=month] [data-part=event]:not([data-bar]){inline-size:var(--slotted-space-4, .5rem)}[data-ui=event-calendar] [data-part=month] [data-part=event]:before{block-size:var(--slotted-space-3, .375rem);inline-size:var(--slotted-space-3, .375rem)}[data-ui=event-calendar] [data-part=month] [data-part=event][data-bar]:before,[data-ui=event-calendar] [data-part=month] [data-part=event][data-bar]:after{display:none}[data-ui=event-calendar] [data-part=month] [data-part=event]>*,[data-ui=event-calendar] [data-part=column]>[data-part=event]>*,[data-ui=event-calendar] [data-part=month] [data-part=day-content],[data-ui=event-calendar] [data-part=month] [data-part=more]>*,[data-ui=event-calendar] [data-part=column-header] [data-part=day-content],[data-ui=event-calendar] [data-part=offset-change]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui=event-calendar] [data-part=month] [data-part=more]{block-size:auto;font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_line-xs);padding:0;pointer-events:none}[data-ui=event-calendar] [data-part=month] [data-part=day-events]{grid-template-rows:repeat(var(--slotted-event-calendar-lanes, 3),var(--_event-size)) auto}[data-ui=event-calendar] [data-part=column-header] [data-part=day-number]{block-size:var(--slotted-control-inner-size-md, 24px);font-size:var(--slotted-font-size-md, .875rem);min-inline-size:var(--slotted-control-inner-size-md, 24px)}[data-ui=event-calendar] [data-part=column]>[data-part=event],[data-ui=event-calendar] [data-part=column]>[data-part=more]{--_room: 100%}}@container slotted-event-calendar (max-width: 479px){[data-ui=event-calendar]>[data-part=header]{grid-template-areas:\"title title title title\" \"navigation . filter actions\" \"views views views views\";grid-template-columns:auto minmax(0,1fr) auto auto}[data-ui=event-calendar] [data-part=navigation]{justify-self:start;margin-inline-start:0}[data-ui=event-calendar] [data-part=views]>*{flex:1 1 auto;min-inline-size:0}[data-ui=event-calendar] [data-part=filter]{inline-size:var(--slotted-control-height-md, 34px);padding-inline:0}[data-ui=event-calendar] [data-part=filter]>[data-ui=icon]:last-child{display:none}[data-ui=event-calendar] [data-part=filter]>:not([data-ui=icon]){block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}}@media(forced-colors:active){[data-ui=event-calendar] [data-part=event]:before,[data-ui=event-calendar] [data-part=now]:before{forced-color-adjust:none}[data-ui=event-calendar] [data-part=event][data-bar],[data-ui=event-calendar] [data-part=column]>[data-part=event]{border-color:currentcolor}[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar]),[data-ui=event-calendar] [data-part=list-events] [data-part=event]{border-color:Canvas}[data-ui=event-calendar] [data-today]>[data-part=day-header] [data-part=day-number],[data-ui=event-calendar] [data-part=column-header][data-today] [data-part=day-number]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlContextMenuTrigger, selector: "[slContextMenuTriggerFor]", inputs: ["slContextMenuTriggerFor", "longPress", "longPressDelay"], exportAs: ["slContextMenuTrigger"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "component", type: SlDrawer, selector: "sl-drawer", inputs: ["open", "extent", "mode", "side", "size", "mount", "escape", "outsidePress", "back", "modal", "loading", "messages", "drag", "scrimFrom", "minExtent", "maxExtent", "snapPoints", "container", "initialFocus", "finalFocus"], outputs: ["openChange", "extentChange", "openChangeRequest", "extentChangeRequest", "closed"], exportAs: ["slDrawer"] }, { kind: "directive", type: SlDrawerBody, selector: "[slDrawerBody]", inputs: ["inset"], exportAs: ["slDrawerBody"] }, { kind: "component", type: SlDrawerClose, selector: "[slDrawerClose]", inputs: ["value"], exportAs: ["slDrawerClose"] }, { kind: "directive", type: SlDrawerDescription, selector: "[slDrawerDescription]", exportAs: ["slDrawerDescription"] }, { kind: "directive", type: SlDrawerHeader, selector: "[slDrawerHeader]", exportAs: ["slDrawerHeader"] }, { kind: "component", type: SlDrawerResizer, selector: "[slDrawerResizer]", inputs: ["step", "largeStep"], exportAs: ["slDrawerResizer"] }, { kind: "directive", type: SlDrawerTitle, selector: "[slDrawerTitle]", exportAs: ["slDrawerTitle"] }, { kind: "directive", type: SlPopover, selector: "[slPopover]", inputs: ["open", "defaultOpen", "disabled", "size", "width", "side", "align", "mount", "strategy", "messages", "initialFocus", "finalFocus", "arrow", "autoFocus", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "sideOffset", "alignOffset", "collisionPadding", "arrowPadding"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slPopover"] }, { kind: "directive", type: SlPopoverBody, selector: "[slPopoverBody]", exportAs: ["slPopoverBody"] }, { kind: "component", type: SlPopoverClose, selector: "button[slPopoverClose]", exportAs: ["slPopoverClose"] }, { kind: "component", type: SlPopoverContent, selector: "[slPopoverContent]", exportAs: ["slPopoverContent"] }, { kind: "directive", type: SlPopoverDescription, selector: "[slPopoverDescription]", exportAs: ["slPopoverDescription"] }, { kind: "directive", type: SlPopoverHeader, selector: "[slPopoverHeader]", exportAs: ["slPopoverHeader"] }, { kind: "directive", type: SlPopoverLayer, selector: "ng-template[slPopoverLayer]", exportAs: ["slPopoverLayer"] }, { kind: "directive", type: SlPopoverTitle, selector: "[slPopoverTitle]", exportAs: ["slPopoverTitle"] }, { kind: "component", type: SlProgressBar, selector: "[slProgressBar]", inputs: ["value", "min", "max", "buffer", "showValue", "valueText", "format", "locale", "wave", "placement"], exportAs: ["slProgressBar"] }, { kind: "component", type: SlSegment, selector: "[slSegment]", inputs: ["value", "disabled"], exportAs: ["slSegment"] }, { kind: "component", type: SlSegmentedControl, selector: "[slSegmentedControl]", inputs: ["value", "defaultValue", "name", "size", "orientation", "condense", "fullWidth", "disabled", "readOnly", "invalid", "required"], outputs: ["valueChange"], exportAs: ["slSegmentedControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2333
|
+
`, isInline: true, styles: ["@layer slotted.components{[data-ui-event-calendar][data-part-root]{container:slotted-event-calendar / inline-size;--_rule: var(--slotted-event-calendar-rule-color, var(--slotted-border-subtle, #d8dee6));--_rule-width: var(--slotted-border-width-thin, 1px);--_air: var(--slotted-space-2, .25rem);--_hour: var( --slotted-event-calendar-hour-size, calc(var(--slotted-control-height-sm, 30px) * 2) );--_event-size: max( var(--slotted-control-inner-size-sm, 22px), calc(var(--slotted-target-min, 24px) - var(--_air)) );--_event-font-size: var(--slotted-control-font-size-sm, 12px);--_event-radius: var(--slotted-event-calendar-event-radius, var(--slotted-radius-sm, 4px));--_tint: 14%;--_tint-hover: 21%;--_tint-active: 27%;--_edge: 34%;--_edge-hover: 50%;--_tint-dark: 24%;--_tint-hover-dark: 32%;--_tint-active-dark: 38%;--_edge-dark: 44%;--_edge-hover-dark: 60%;--_ink-mix: 58%;--_hue: var(--slotted-text-muted, #5b6b7f);--_off: color-mix(in oklab, var(--slotted-text-muted, #5b6b7f) 7%, transparent);--_gutter: calc(var(--slotted-space-11, 3rem) + var(--slotted-space-4, .5rem));--_gap: var(--slotted-control-gap-md, 8px);--_line-xs: round(nearest, calc(1em * var(--slotted-line-height-xs, 1.4)), 1px);--_line-sm: round(nearest, calc(1em * var(--slotted-line-height-sm, 1.45)), 1px);--_base: var(--slotted-event-calendar-background, var(--slotted-surface, #ffffff));background-color:var(--slotted-event-calendar-background, transparent);box-sizing:border-box;color:var(--slotted-text, #0f172a);display:flex;flex-direction:column;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-control-font-size-md, 13px);gap:var(--slotted-space-5, .75rem);min-block-size:0;min-inline-size:0}[data-ui-event-calendar] *,[data-ui-event-calendar] *:before,[data-ui-event-calendar] *:after{box-sizing:border-box}[data-ui-event-calendar]>[data-part-header]{align-items:center;display:grid;grid-template-areas:\"title navigation views filter actions\";grid-template-columns:minmax(0,1fr) auto auto auto auto;row-gap:var(--slotted-space-4, .5rem)}[data-ui-event-calendar]>[data-part-header]>[data-part-title]{font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-semibold, 600);grid-area:title;line-height:var(--slotted-line-height-lg, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui-event-calendar] [data-part-navigation]{align-items:center;display:inline-flex;gap:var(--slotted-space-2, .25rem);grid-area:navigation;margin-inline-start:var(--slotted-space-6, 1rem)}[data-ui-event-calendar] [data-part-views]{display:flex;grid-area:views;margin-inline-start:var(--slotted-space-5, .75rem);min-inline-size:0}[data-ui-event-calendar] [data-part-filter]{grid-area:filter;margin-inline-start:var(--_gap)}[data-ui-event-calendar]>[data-part-header]>[data-part-actions]{align-items:center;display:inline-flex;gap:var(--_gap);grid-area:actions;margin-inline-start:var(--_gap)}[data-ui-event-calendar] [data-part-today],[data-ui-event-calendar] [data-part-filter],[data-ui-event-calendar] [data-part-previous],[data-ui-event-calendar] [data-part-next]{align-items:center;appearance:none;background-color:var(--slotted-control-surface, #ffffff);block-size:var(--slotted-control-height-md, 34px);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-control-border-color, #bfc7d1);border-radius:var(--slotted-control-radius, 4px);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-text, #0f172a);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-control-gap-md, 8px);justify-content:center;padding-block:0;padding-inline:var(--slotted-control-padding-inline-md, 13px);touch-action:manipulation;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);white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui-event-calendar] [data-part-previous],[data-ui-event-calendar] [data-part-next]{inline-size:var(--slotted-control-height-md, 34px);padding-inline:0}[data-ui-event-calendar] [data-part-today]:hover:not([data-disabled]),[data-ui-event-calendar] [data-part-filter]:hover:not([data-disabled]),[data-ui-event-calendar] [data-part-previous]:hover:not([data-disabled]),[data-ui-event-calendar] [data-part-next]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui-event-calendar] [data-part-today]:active:not([data-disabled]),[data-ui-event-calendar] [data-part-filter]:active:not([data-disabled]),[data-ui-event-calendar] [data-part-previous]:active:not([data-disabled]),[data-ui-event-calendar] [data-part-next]:active:not([data-disabled]),[data-ui-event-calendar] [data-part-filter][aria-expanded=true]{background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui-event-calendar] [data-part-previous]>[data-ui-icon],[data-ui-event-calendar] [data-part-next]>[data-ui-icon],[data-ui-event-calendar] [data-part-filter]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-md, 16px)}[data-ui-event-calendar] [data-part-previous]>[data-ui-icon]{rotate:180deg}[data-ui-event-calendar]:dir(rtl) [data-part-previous]>[data-ui-icon]{rotate:0deg}[data-ui-event-calendar]:dir(rtl) [data-part-next]>[data-ui-icon]{rotate:180deg}[data-ui-event-calendar] [data-part-filter]>[data-ui-icon]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui-event-calendar] [data-part-today]:focus-visible,[data-ui-event-calendar] [data-part-filter]:focus-visible,[data-ui-event-calendar] [data-part-previous]:focus-visible,[data-ui-event-calendar] [data-part-next]:focus-visible,[data-ui-event-calendar] [data-part-day-number]: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-event-calendar] [data-part-day]:focus-visible,[data-ui-event-calendar] [data-part-column-header]:focus-visible,[data-ui-event-calendar] [data-part-all-day-cell]:focus-visible,[data-ui-event-calendar] [data-part-column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui-event-calendar] [data-part-event]:focus-visible,[data-ui-event-calendar] [data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:1px;z-index:3}[data-ui-event-calendar]>[data-part-body]{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;position:relative}[data-ui-event-calendar]>[data-part-body][data-ui-context-menu]{--slotted-context-menu-mark-width: 0px}[data-ui-event-calendar][data-layout=list]>[data-part-body]{overflow-y:auto;overscroll-behavior:contain}[data-ui-event-calendar]>[data-part-body]>[data-part-loader]{inset-block-start:0;inset-inline:0;pointer-events:none;position:absolute;z-index:4}[data-ui-event-calendar]>[data-part-body]>[data-part-error]{margin-block-end:var(--slotted-space-5, .75rem)}[data-ui-event-calendar]>[data-part-body][aria-busy=true] [data-part-event]{opacity:.6}[data-ui-event-calendar] [data-part-month]{flex:1 0 auto;border-block-start:var(--_rule-width) solid var(--_rule);border-collapse:separate;border-inline-start:var(--_rule-width) solid var(--_rule);border-spacing:0;inline-size:100%;table-layout:fixed}[data-ui-event-calendar] [data-part-weekday],[data-ui-event-calendar] [data-part-week-number-header]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_line-xs);overflow:hidden;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-3, .375rem);text-align:start;text-overflow:ellipsis;white-space:nowrap}[data-ui-event-calendar] [data-part-month] [data-part-weekday],[data-ui-event-calendar] [data-part-month] [data-part-week-number-header]{border-block-end:var(--_rule-width) solid var(--_rule);border-inline-end:var(--_rule-width) solid var(--_rule)}[data-ui-event-calendar] [data-part-week-number-header],[data-ui-event-calendar] [data-part-week-number]{inline-size:calc(var(--slotted-space-9, 2rem) + var(--slotted-space-2, .25rem))}[data-ui-event-calendar] [data-part-week-number]{border-block-end:var(--_rule-width) solid var(--_rule);border-inline-end:var(--_rule-width) solid var(--_rule);color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-regular, 400);padding-block-start:var(--slotted-space-4, .5rem);text-align:center;vertical-align:top}[data-ui-event-calendar] [data-part-day]{--_pad: var(--_air);border-block-end:var(--_rule-width) solid var(--_rule);border-inline-end:var(--_rule-width) solid var(--_rule);padding:var(--_pad);position:relative;vertical-align:top}[data-ui-event-calendar] [data-part-day][data-non-working],[data-ui-event-calendar] [data-part-column][data-non-working],[data-ui-event-calendar] [data-part-all-day-cell][data-non-working]{background-color:var(--slotted-event-calendar-off-background, var(--_off))}[data-ui-event-calendar] [data-part-day][data-selected],[data-ui-event-calendar] [data-part-all-day-cell][data-selected]{--_run-edge: var(--slotted-border-width-thin, 1px);--_run-color: var( --slotted-event-calendar-selection-border-color, var(--slotted-tone-accent-border, #2563eb) );--_run-start: 0px;--_run-end: 0px;--_run-direction: 1;background-color:var( --slotted-event-calendar-selection-background, var(--slotted-tone-accent-surface, #eff6ff) );box-shadow:inset 0 var(--_run-edge) 0 0 var(--_run-color),inset 0 calc(var(--_run-edge) * -1) 0 0 var(--_run-color),inset calc(var(--_run-start) * var(--_run-direction)) 0 0 0 var(--_run-color),inset calc(var(--_run-end) * var(--_run-direction) * -1) 0 0 0 var(--_run-color)}[data-ui-event-calendar]:dir(rtl) [data-part-day][data-selected],[data-ui-event-calendar]:dir(rtl) [data-part-all-day-cell][data-selected]{--_run-direction: -1}[data-ui-event-calendar] [data-part-day][data-selected]:not([data-selected]+*),[data-ui-event-calendar] [data-part-all-day-cell][data-selected]:not([data-selected]+*){--_run-start: var(--_run-edge)}[data-ui-event-calendar] [data-part-day][data-selected]:not(:has(+[data-selected])),[data-ui-event-calendar] [data-part-all-day-cell][data-selected]:not(:has(+[data-selected])){--_run-end: var(--_run-edge)}[data-ui-event-calendar] [data-part-day-header]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);justify-content:space-between;margin-block-end:var(--_air);min-inline-size:0}[data-ui-event-calendar] [data-part-day-content]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_line-xs);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui-event-calendar] [data-part-day-number]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_event-size);border:0;border-radius:var(--slotted-radius-full, 9999px);color:inherit;cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:var(--_event-font-size);font-variant-numeric:tabular-nums;justify-content:center;min-inline-size:var(--_event-size);padding-block:0;padding-inline:var(--slotted-space-2, .25rem);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-event-calendar] [data-part-day-number]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui-event-calendar] [data-part-day-number]:active:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui-event-calendar] [data-part-day][data-outside-month] [data-part-day-number]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui-event-calendar] [data-today]>[data-part-day-header] [data-part-day-number],[data-ui-event-calendar] [data-part-column-header][data-today] [data-part-day-number]{background-color:var( --slotted-event-calendar-today-background, var(--slotted-tone-accent-solid, #2563eb) );color:var(--slotted-event-calendar-today-color, var(--slotted-tone-accent-on-solid, #ffffff));font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-event-calendar] [data-part-day-events],[data-ui-event-calendar] [data-part-all-day-cell]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--slotted-event-calendar-lanes, 3),var(--_event-size));row-gap:var(--_air)}[data-ui-event-calendar] [data-part-day-events]{container:slotted-event-calendar-day / inline-size;grid-template-rows:repeat(var(--slotted-event-calendar-lanes, 3),var(--_event-size)) var(--_event-size);position:relative}[data-ui-event-calendar] [data-part-day-events]>[data-part-event],[data-ui-event-calendar] [data-part-all-day-cell]>[data-part-event]{grid-column:1;grid-row:var(--slotted-event-lane, 1);justify-self:start}[data-ui-event-calendar] [data-part-day-events]>[data-part-more]{grid-column:1;grid-row:-2 / -1;justify-self:start}[data-ui-event-calendar] [data-part-event]{align-items:center;appearance:none;background-color:transparent;border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--_event-radius);color:var(--slotted-text, #0f172a);cursor:pointer;display:flex;font:inherit;font-size:var(--_event-font-size);gap:var(--slotted-space-2, .25rem);line-height:var(--_line-xs);margin:0;min-inline-size:0;overflow:hidden;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;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);-webkit-tap-highlight-color:transparent}[data-ui-event-calendar] [data-part-event][data-color=\"1\"]{--_hue: var(--slotted-data-1, #2563eb)}[data-ui-event-calendar] [data-part-event][data-color=\"2\"]{--_hue: var(--slotted-data-2, #ea580c)}[data-ui-event-calendar] [data-part-event][data-color=\"3\"]{--_hue: var(--slotted-data-3, #0891b2)}[data-ui-event-calendar] [data-part-event][data-color=\"4\"]{--_hue: var(--slotted-data-4, #dc2626)}[data-ui-event-calendar] [data-part-event][data-color=\"5\"]{--_hue: var(--slotted-data-5, #7c3aed)}[data-ui-event-calendar] [data-part-event][data-color=\"6\"]{--_hue: var(--slotted-data-6, #a16207)}[data-ui-event-calendar] [data-part-event][data-color=\"7\"]{--_hue: var(--slotted-data-7, #c026d3)}[data-ui-event-calendar] [data-part-event][data-color=\"8\"]{--_hue: var(--slotted-data-8, #16a34a)}[data-ui-event-calendar] [data-part-event-time],[data-ui-event-calendar] [data-part-event-title],[data-ui-event-calendar] [data-part-event-location],[data-ui-event-calendar] [data-part-more],[data-ui-event-calendar] [data-part-hour],[data-ui-event-calendar] [data-part-zone],[data-ui-event-calendar] [data-part-selection],[data-ui-event-calendar] [data-part-offset-change]{unicode-bidi:plaintext}[data-ui-event-calendar] [data-part-event-time]{color:var(--slotted-text-muted, #5b6b7f);flex:0 0 auto;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-event-calendar] [data-part-event-title]{flex:0 1 auto;font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-event-calendar] [data-part-event-location]{color:var(--slotted-text-muted, #5b6b7f);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-event-calendar] [data-part-event-meta],[data-ui-event-calendar] [data-part-continuation]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar]){position:relative;block-size:var(--_event-size);inline-size:100%;padding-inline:var(--slotted-space-2, .25rem)}[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar]):before,[data-ui-event-calendar] [data-part-list-events] [data-part-event]:before{background-color:var(--_hue);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);content:\"\";flex:0 0 auto;inline-size:var(--slotted-space-4, .5rem)}[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar]):hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar]):active:not([data-disabled],[data-open]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar])[data-open]{background-color:light-dark(color-mix(in oklab,var(--_hue) var(--_tint),var(--_base)),color-mix(in oklab,var(--_hue) var(--_tint-dark),var(--_base)))}[data-ui-event-calendar] [data-part-event][data-bar],[data-ui-event-calendar] [data-part-column]>[data-part-event]{--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-dark), var(--_base)) );--_ink: color-mix(in oklab, var(--_hue) var(--_ink-mix), var(--slotted-text, #0f172a));background-color:var(--_ground);border-color:light-dark(color-mix(in oklab,var(--_hue) var(--_edge),var(--_base)),color-mix(in oklab,var(--_hue) var(--_edge-dark),var(--_base)));color:var(--_ink)}[data-ui-event-calendar] [data-part-event][data-bar] [data-part-event-time],[data-ui-event-calendar] [data-part-event][data-bar] [data-part-event-location],[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-time],[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-location]{color:color-mix(in oklab,var(--_ink) 72%,var(--_ground))}[data-ui-event-calendar] [data-part-event][data-bar]:hover:not([data-disabled],[data-open],[data-dragging],[data-context]),[data-ui-event-calendar] [data-part-column]>[data-part-event]:hover:not([data-disabled],[data-open],[data-dragging],[data-context]){--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint-hover), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-hover-dark), var(--_base)) );border-color:light-dark(color-mix(in oklab,var(--_hue) var(--_edge-hover),var(--_base)),color-mix(in oklab,var(--_hue) var(--_edge-hover-dark),var(--_base)))}[data-ui-event-calendar] [data-part-event][data-bar]:active:not([data-disabled],[data-open],[data-dragging],[data-context]),[data-ui-event-calendar] [data-part-column]>[data-part-event]:active:not([data-disabled],[data-open],[data-dragging],[data-context]){--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint-active), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-active-dark), var(--_base)) );transition-duration:var(--slotted-duration-instant)}[data-ui-event-calendar] [data-part-event][data-bar][data-open],[data-ui-event-calendar] [data-part-column]>[data-part-event][data-open],[data-ui-event-calendar] [data-part-event][data-bar][data-context],[data-ui-event-calendar] [data-part-column]>[data-part-event][data-context],[data-ui-event-calendar] [data-part-event][data-bar][data-dragging],[data-ui-event-calendar] [data-part-column]>[data-part-event][data-dragging]{--_ground: color-mix(in oklab, var(--_hue) 80%, #000000);--_ink: #ffffff;border-color:var(--_ground)}[data-ui-event-calendar] [data-part-event][data-bar][data-dragging][data-drop-invalid],[data-ui-event-calendar] [data-part-column]>[data-part-event][data-dragging][data-drop-invalid]{--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-dark), var(--_base)) );--_ink: color-mix(in oklab, var(--_hue) var(--_ink-mix), var(--slotted-text, #0f172a));border-color:var(--slotted-tone-danger-border, #dc2626);border-style:dashed}[data-ui-event-calendar]:has([data-part-event][data-drop-invalid]),[data-ui-event-calendar]:has([data-part-event][data-drop-invalid]) *{cursor:not-allowed}[data-ui-event-calendar] [data-part-event][data-bar][data-open]:hover:not([data-disabled]),[data-ui-event-calendar] [data-part-column]>[data-part-event][data-open]:hover:not([data-disabled]){--_ground: color-mix(in oklab, var(--_hue) 70%, #000000)}[data-ui-event-calendar] [data-part-event][data-bar][data-open]:active:not([data-disabled]),[data-ui-event-calendar] [data-part-column]>[data-part-event][data-open]:active:not([data-disabled]){--_ground: color-mix(in oklab, var(--_hue) 60%, #000000);transition-duration:var(--slotted-duration-instant)}[data-ui-event-calendar] [data-part-column]>[data-part-event]:not([data-short]):after{background-image:linear-gradient(to bottom,transparent,var(--_ground));block-size:min(var(--slotted-space-6, 1rem),45%);border-end-end-radius:inherit;border-end-start-radius:inherit;content:\"\";inset-block-end:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui-event-calendar] [data-part-event][data-past]:not([data-open],[data-dragging]){--_tint: 7%;--_tint-hover: 13%;--_edge: 20%;--_tint-dark: 12%;--_tint-hover-dark: 19%;--_edge-dark: 26%;--_ink-mix: 30%}[data-ui-event-calendar] [data-part-day-events]>[data-part-event][data-past]:not([data-bar]):before{opacity:.55}[data-ui-event-calendar] [data-part-day-events]>[data-part-event][data-past]:not([data-bar]){color:var(--slotted-text-muted, #5b6b7f)}[data-ui-event-calendar] [data-part-list-events] [data-part-event][data-past]:before{opacity:.55}[data-ui-event-calendar] [data-part-list-events] [data-part-event][data-past]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui-event-calendar] [data-part-event][data-bar]{block-size:var(--_event-size);inline-size:calc(var(--slotted-event-span, 1) * (100% + 2 * var(--_pad, 0px) + var(--_rule-width)) - 2 * var(--_pad, 0px) - var(--_rule-width));inset-block-start:0;inset-inline-start:0;position:absolute;z-index:1}[data-ui-event-calendar] [data-part-event][data-bar][data-continues-before]{border-end-start-radius:0;border-start-start-radius:0;padding-inline-start:var(--slotted-space-1, .125rem)}[data-ui-event-calendar] [data-part-event][data-bar][data-continues-after]{border-end-end-radius:0;border-start-end-radius:0;padding-inline-end:var(--slotted-space-1, .125rem)}[data-ui-event-calendar] [data-part-event][data-bar]>[data-ui-icon][data-edge]{color:color-mix(in oklab,var(--_hue) 70%,var(--slotted-text, #0f172a))}[data-ui-event-calendar] [data-part-event][data-bar]>[data-ui-icon][data-edge=start]{rotate:180deg}[data-ui-event-calendar] [data-part-event][data-bar]>[data-ui-icon][data-edge=end]{margin-inline-start:auto}[data-ui-event-calendar]:dir(rtl) [data-part-event][data-bar]>[data-ui-icon][data-edge=start]{rotate:0deg}[data-ui-event-calendar]:dir(rtl) [data-part-event][data-bar]>[data-ui-icon][data-edge=end]{rotate:180deg}[data-ui-event-calendar] [data-part-event][data-status=tentative][data-bar]:not([data-open],[data-dragging]),[data-ui-event-calendar] [data-part-column]>[data-part-event][data-status=tentative]:not([data-open],[data-dragging]){--_tint: 0%;--_tint-hover: 7%;--_tint-active: 12%;--_tint-dark: 0%;--_tint-hover-dark: 12%;--_tint-active-dark: 18%;border-color:var(--_hue);border-style:dashed}[data-ui-event-calendar] [data-part-event][data-status=cancelled]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui-event-calendar] [data-part-event][data-status=cancelled] [data-part-event-title]{text-decoration:line-through}[data-ui-event-calendar] [data-part-event][data-editable]{cursor:grab;touch-action:none}[data-ui-event-calendar] [data-part-event][data-dragging]{box-shadow:var(--slotted-shadow-md, none);cursor:grabbing;pointer-events:none;z-index:5}[data-ui-event-calendar] [data-part-resize-handle]{display:flex;inset-block-end:0;inset-inline:0;align-items:center;block-size:var(--slotted-space-4, .5rem);cursor:ns-resize;justify-content:center;position:absolute;touch-action:none;z-index:1}[data-ui-event-calendar] [data-part-event][data-bar]>[data-part-resize-handle]{block-size:auto;cursor:ew-resize;inline-size:var(--slotted-space-4, .5rem);inset-block:0;inset-inline:auto 0}[data-ui-event-calendar] [data-part-resize-handle]:before{background-color:var(--_ink, var(--_hue));block-size:var(--slotted-border-width-thick, 2px);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--slotted-space-6, 1rem);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-event-calendar] [data-part-event][data-bar]>[data-part-resize-handle]:before{block-size:var(--slotted-space-4, .5rem);inline-size:var(--slotted-border-width-thick, 2px)}[data-ui-event-calendar] [data-part-event]:hover:not([data-disabled])>[data-part-resize-handle]:before,[data-ui-event-calendar] [data-part-event]:focus-visible>[data-part-resize-handle]:before,[data-ui-event-calendar] [data-part-event][data-dragging]>[data-part-resize-handle]:before{opacity:1;transition-timing-function:var(--slotted-easing-enter)}[data-ui-event-calendar] [data-part-more]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_event-size);border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--_event-radius);color:var(--slotted-text-muted, #5b6b7f);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--_event-font-size);font-weight:var(--slotted-font-weight-medium, 500);gap:.3em;max-inline-size:100%;overflow:hidden;padding-block:0;padding-inline:var(--slotted-space-2, .25rem);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);white-space:nowrap}[data-ui-event-calendar] [data-part-more]:hover:not([data-disabled]),[data-ui-event-calendar] [data-part-more][aria-expanded=true]{background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5);color:var(--slotted-text, #0f172a)}[data-ui-event-calendar] [data-part-more]:active:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}@container slotted-event-calendar-day (max-width: 7.5rem){[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar])>[data-part-event-time]{display:none}}@container slotted-event-calendar-event (max-width: 4.5rem){[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-time],[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-location]{display:none}[data-ui-event-calendar] [data-part-column]>[data-part-event]{padding-inline:var(--slotted-space-2, .25rem)}}@container slotted-event-calendar-event (max-width: 2rem){[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-title]{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}}@container slotted-event-calendar-event (max-width: 4.5rem){[data-ui-event-calendar] [data-part-column]>[data-part-more]>span{display:none}}[data-ui-event-calendar] [data-part-time-grid]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0}[data-ui-event-calendar] [data-part-time-head]{border-block-end:var(--_rule-width) solid var(--_rule);overflow:hidden;scrollbar-gutter:stable}[data-ui-event-calendar] [data-part-columns],[data-ui-event-calendar] [data-part-all-day-row],[data-ui-event-calendar] [data-part-time-row]{display:grid;grid-template-columns:var(--_gutter) repeat(var(--slotted-event-calendar-days, 7),minmax(0,1fr))}[data-ui-event-calendar] [data-part-columns]{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-event-calendar] [data-part-zone]{align-self:end;color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;line-height:var(--_line-xs);overflow:hidden;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);text-align:end;text-overflow:ellipsis;white-space:nowrap}[data-ui-event-calendar] [data-part-column-header]{align-items:center;border-inline-start:var(--_rule-width) solid var(--_rule);display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--_air)}[data-ui-event-calendar] [data-part-column-header] [data-part-weekday]{max-inline-size:100%;padding:0}[data-ui-event-calendar] [data-part-column-header][data-today] [data-part-weekday]{color:var(--slotted-tone-accent-text, #1d4ed8)}[data-ui-event-calendar] [data-part-column-header] [data-part-day-number]{block-size:var(--slotted-control-inner-size-lg, 28px);font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:var(--slotted-control-inner-size-lg, 28px)}[data-ui-event-calendar] [data-part-column-header] [data-part-day-content],[data-ui-event-calendar] [data-part-offset-change]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_line-xs);max-inline-size:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}[data-ui-event-calendar] [data-part-all-day-label]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);hyphens:auto;line-height:var(--_line-xs);overflow-wrap:break-word;padding-block:calc(var(--_air) + (var(--_event-size) - 1lh) / 2);padding-inline:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);text-align:end}[data-ui-event-calendar] [data-part-all-day-cell]{--_pad: var(--_air);border-inline-start:var(--_rule-width) solid var(--_rule);min-inline-size:0;padding:var(--_pad);position:relative}[data-ui-event-calendar] [data-part-scroller]{flex:1 1 40rem;max-block-size:max-content;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}[data-ui-event-calendar] [data-part-gutter]{display:flex;flex-direction:column;min-inline-size:0}[data-ui-event-calendar] [data-part-hour]{block-size:var(--_hour);color:var(--slotted-text-muted, #5b6b7f);flex:0 0 auto;font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;line-height:var(--_line-xs);overflow:hidden;padding-inline-end:var(--slotted-space-3, .375rem);text-align:end;text-overflow:ellipsis;translate:0 calc(var(--_line-xs) / -2);white-space:nowrap}[data-ui-event-calendar] [data-part-hour]:nth-child(1 of[data-part-hour]){visibility:hidden}[data-ui-event-calendar] [data-part-column]{background-image:linear-gradient(to bottom,var(--_rule) var(--_rule-width),transparent var(--_rule-width)),linear-gradient(to bottom,color-mix(in oklab,var(--_rule) 45%,transparent) var(--_rule-width),transparent var(--_rule-width));background-size:100% var(--_hour),100% calc(var(--_hour) * var(--slotted-event-calendar-slot, 30) / 60);border-inline-start:var(--_rule-width) solid var(--_rule);min-inline-size:0;position:relative}[data-ui-event-calendar] [data-part-column][data-today]{background-color:color-mix(in oklab,var(--slotted-tone-accent-surface, #eff6ff) 50%,transparent)}[data-ui-event-calendar] [data-part-column]>[data-part-event],[data-ui-event-calendar] [data-part-column]>[data-part-more],[data-ui-event-calendar] [data-part-column]>[data-part-selection]{--_room: calc(100% - var(--slotted-space-5, .75rem));--_share: calc(var(--_room) / var(--slotted-event-columns, 1));block-size:max(calc(var(--slotted-event-length, 30) * var(--_hour) / 60 - var(--_air)),var(--_event-size));inline-size:calc(var(--_share) * var(--slotted-event-span, 1) - var(--_air));inset-block-start:calc(var(--slotted-event-start, 0) * var(--_hour) / 60 + var(--_air) / 2);inset-inline-start:calc(var(--_share) * var(--slotted-event-column, 0) + var(--_air));position:absolute}[data-ui-event-calendar] [data-part-column]>[data-part-event]{align-content:start;align-items:start;container:slotted-event-calendar-event / inline-size;flex-direction:column;gap:0;padding-block:var(--slotted-space-1, .125rem);z-index:1}[data-ui-event-calendar] [data-part-column]>[data-part-event]>*{flex-shrink:0}[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-title]{max-inline-size:100%;order:-1}[data-ui-event-calendar] [data-part-column]>[data-part-event]:not([data-short])>[data-part-event-title]{-webkit-box-orient:vertical;display:-webkit-box;hyphens:auto;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:break-word;white-space:normal}[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-location],[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-time]{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}[data-ui-event-calendar] [data-part-column]>[data-part-event][data-short]{align-items:center;flex-direction:row;gap:var(--slotted-space-2, .25rem);padding-block:0}[data-ui-event-calendar] [data-part-column]>[data-part-event][data-short]>[data-part-event-title]{flex:0 0 auto;max-inline-size:100%}[data-ui-event-calendar] [data-part-column]>[data-part-event][data-short]>[data-part-event-time]{flex:1 1 0;min-inline-size:0}[data-ui-event-calendar] [data-part-column]>[data-part-event][data-clipped-start],[data-ui-event-calendar] [data-part-column]>[data-part-event][data-continues-before]{border-block-start-style:dashed;border-start-end-radius:0;border-start-start-radius:0}[data-ui-event-calendar] [data-part-column]>[data-part-event][data-clipped-end],[data-ui-event-calendar] [data-part-column]>[data-part-event][data-continues-after]{border-block-end-style:dashed;border-end-end-radius:0;border-end-start-radius:0}[data-ui-event-calendar] [data-part-column]>[data-part-more]{align-items:start;container:slotted-event-calendar-event / inline-size;background-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 9%,var(--_base));border-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 24%,var(--_base));padding-block:var(--slotted-space-1, .125rem);z-index:1}[data-ui-event-calendar] [data-part-column]>[data-part-more]:hover:not([data-disabled]),[data-ui-event-calendar] [data-part-column]>[data-part-more][aria-expanded=true]{background-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 15%,var(--_base))}[data-ui-event-calendar] [data-part-column]>[data-part-more]:active:not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 21%,var(--_base))}[data-ui-event-calendar] [data-part-column]>[data-part-more][data-overlay]{align-items:center;background-color:var(--_base);block-size:auto;border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm, none);container-type:normal;inline-size:auto;inset-block-start:calc((var(--slotted-event-start, 0) + var(--slotted-event-length, 30)) * var(--_hour) / 60 - var(--_air));inset-inline:auto var(--slotted-space-4, .5rem);line-height:var(--_line-xs);translate:0 -100%;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);z-index:3}[data-ui-event-calendar] [data-part-column]>[data-part-more][data-overlay]>span{display:none}[data-ui-event-calendar] [data-part-column]>[data-part-selection]{background-color:var( --slotted-event-calendar-selection-background, var(--slotted-tone-accent-surface, #eff6ff) );border:var(--slotted-border-width-thin, 1px) solid var( --slotted-event-calendar-selection-border-color, var(--slotted-tone-accent-border, #2563eb) );border-radius:var(--_event-radius);color:var(--slotted-tone-accent-text, #1d4ed8);font-size:var(--_event-font-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);inline-size:calc(var(--_room) - var(--_air));inset-inline-start:var(--_air);line-height:var(--_line-xs);overflow:hidden;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-3, .375rem);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;z-index:2}[data-ui-event-calendar] [data-part-off-hours]{background-color:var(--slotted-event-calendar-off-background, var(--_off));block-size:calc(var(--slotted-event-length, 0) * var(--_hour) / 60);inset-block-start:calc(var(--slotted-event-start, 0) * var(--_hour) / 60);inset-inline:0;pointer-events:none;position:absolute}[data-ui-event-calendar] [data-part-now],[data-ui-event-calendar] [data-part-offset-line]{inset-block-start:calc(var(--slotted-event-start, 0) * var(--_hour) / 60);inset-inline:0;pointer-events:none;position:absolute}[data-ui-event-calendar] [data-part-now]{border-block-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-event-calendar-now-color, var(--slotted-tone-accent-solid, #2563eb));translate:0 -50%;z-index:2}[data-ui-event-calendar] [data-part-now]:before{background-color:var( --slotted-event-calendar-now-color, var(--slotted-tone-accent-solid, #2563eb) );block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--slotted-space-4, .5rem);inset-block-start:calc(var(--slotted-space-4, .5rem) / -2 - var(--slotted-border-width-thick, 2px) / 2);inset-inline-start:calc(var(--slotted-space-4, .5rem) / -2);position:absolute}[data-ui-event-calendar] [data-part-offset-line]{border-block-start:var(--slotted-border-width-thin, 1px) dashed var(--slotted-border-strong, #78899c);z-index:1}[data-ui-event-calendar]>[data-part-body]>[data-part-list]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-direction:column}[data-ui-event-calendar] [data-part-list-day]{border-block-end:var(--_rule-width) solid var(--_rule);column-gap:var(--slotted-space-6, 1rem);display:grid;grid-template-columns:calc(var(--slotted-space-12, 4rem) * 2) minmax(0,1fr);padding-block:var(--slotted-space-4, .5rem)}[data-ui-event-calendar] [data-part-list-day-heading]{display:flex;flex-direction:column;margin:0;padding-block:var(--slotted-space-3, .375rem)}[data-ui-event-calendar] [data-part-list-weekday]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_line-xs)}[data-ui-event-calendar] [data-part-list-date]{font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_line-sm)}[data-ui-event-calendar] [data-part-list-day][data-today] [data-part-list-day-heading],[data-ui-event-calendar] [data-part-list-day][data-today] [data-part-list-weekday]{color:var(--slotted-tone-accent-text, #1d4ed8)}[data-ui-event-calendar] [data-part-list-events]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;padding:0}[data-ui-event-calendar] [data-part-list-events] [data-part-event]{align-items:start;column-gap:var(--slotted-space-4, .5rem);display:grid;font-size:var(--slotted-font-size-sm, .8125rem);grid-template-columns:calc(var(--slotted-space-12, 4rem) * 2.5) auto minmax(0,1fr);inline-size:100%;line-height:var(--_line-sm);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-3, .375rem)}[data-ui-event-calendar] [data-part-list-events] [data-part-event]:before{grid-column:2;grid-row:1;margin-block-start:calc((1lh - var(--slotted-space-4, .5rem)) / 2)}[data-ui-event-calendar] [data-part-list-events] [data-part-event-time]{grid-column:1;grid-row:1;white-space:normal}[data-ui-event-calendar] [data-part-list-events] [data-part-event-title]{grid-column:3;grid-row:1;overflow-wrap:break-word;white-space:normal}[data-ui-event-calendar] [data-part-list-events] [data-part-event-location]{font-size:var(--slotted-font-size-xs, .75rem);grid-column:3;line-height:var(--_line-xs);grid-row:2;overflow-wrap:break-word;white-space:normal}[data-ui-event-calendar] [data-part-list-events] [data-part-event]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui-event-calendar] [data-part-list-events] [data-part-event]:active:not([data-disabled],[data-open],[data-context]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui-event-calendar] [data-part-list-events] [data-part-event][data-open],[data-ui-event-calendar] [data-part-list-events] [data-part-event][data-context]{background-color:light-dark(color-mix(in oklab,var(--_hue) var(--_tint),var(--_base)),color-mix(in oklab,var(--_hue) var(--_tint-dark),var(--_base)))}[data-ui-event-calendar] [data-part-list-events] [data-part-event][data-status=tentative]:before{background-color:transparent;border:var(--slotted-border-width-medium, 1.5px) solid var(--_hue)}[data-ui-event-calendar] [data-part-detail-day],[data-ui-event-calendar] [data-part-detail-range]{display:inline-block}[data-ui-event-calendar] [data-ui-popover]>[data-part-content]>[data-part-body],[data-ui-event-calendar] [data-ui-drawer] [data-part-panel]>[data-part-body]{display:grid;gap:var(--slotted-space-5, .75rem)}[data-ui-event-calendar] [data-part-list-events][data-layout=stacked] [data-part-event]{grid-template-columns:auto minmax(0,1fr)}[data-ui-event-calendar] [data-part-list-events][data-layout=stacked] [data-part-event]:before{grid-column:1}[data-ui-event-calendar] [data-part-list-events][data-layout=stacked] [data-part-event-title]{grid-column:2;grid-row:1}[data-ui-event-calendar] [data-part-list-events][data-layout=stacked] [data-part-event-time]{font-size:var(--slotted-font-size-xs, .75rem);grid-column:2;grid-row:2;line-height:var(--_line-xs)}[data-ui-event-calendar] [data-part-list-events][data-layout=stacked] [data-part-event-location]{grid-column:2;grid-row:3}[data-ui-event-calendar] [data-part-empty]{align-items:center;color:var(--slotted-text-muted, #5b6b7f);display:flex;flex-direction:column;gap:var(--slotted-space-5, .75rem);padding-block:var(--slotted-space-10, 2.5rem);padding-inline:var(--slotted-space-6, 1rem);text-align:center}@container slotted-event-calendar (max-width: 959px){[data-ui-event-calendar]>[data-part-header]{grid-template-areas:\"title title navigation navigation\" \"views . filter actions\";grid-template-columns:auto minmax(0,1fr) auto auto}[data-ui-event-calendar] [data-part-navigation]{justify-self:end}[data-ui-event-calendar] [data-part-views]{margin-inline-start:0}}@container slotted-event-calendar (max-width: 599px){[data-ui-event-calendar][data-part-root]{--_gutter: calc(var(--slotted-space-10, 2.5rem) + var(--slotted-space-2, .25rem))}[data-ui-event-calendar] [data-part-list-day]{grid-template-columns:minmax(0,1fr);row-gap:var(--slotted-space-1, .125rem)}[data-ui-event-calendar] [data-part-list-day-heading]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);flex-direction:row;flex-wrap:wrap}[data-ui-event-calendar] [data-part-list-events] [data-part-event]{grid-template-columns:auto minmax(0,1fr)}[data-ui-event-calendar] [data-part-list-events] [data-part-event]:before{grid-column:1}[data-ui-event-calendar] [data-part-list-events] [data-part-event-title]{grid-column:2;grid-row:1}[data-ui-event-calendar] [data-part-list-events] [data-part-event-time]{font-size:var(--slotted-font-size-xs, .75rem);grid-column:2;grid-row:2;line-height:var(--_line-xs)}[data-ui-event-calendar] [data-part-list-events] [data-part-event-location]{grid-column:2;grid-row:3}[data-ui-event-calendar] [data-part-month] [data-part-day]{--_event-size: var(--slotted-space-3, .375rem);--_air: var(--slotted-space-1, .125rem)}[data-ui-event-calendar] [data-part-month] [data-part-day-header]{margin-block-end:var(--slotted-space-2, .25rem)}[data-ui-event-calendar] [data-part-month] [data-part-day-number]{block-size:var(--slotted-control-inner-size-sm, 22px);min-inline-size:var(--slotted-control-inner-size-sm, 22px)}[data-ui-event-calendar] [data-part-month] [data-part-day-number]:after{content:\"\";inset:0;position:absolute}[data-ui-event-calendar] [data-part-month] [data-part-event]{padding:0;pointer-events:none}[data-ui-event-calendar] [data-part-column]>[data-part-event]{background-color:light-dark(color-mix(in oklab,var(--_hue) var(--_tint-active),var(--_base)),color-mix(in oklab,var(--_hue) var(--_tint-active-dark),var(--_base)));border-color:var(--_hue);padding:0}[data-ui-event-calendar] [data-part-column]>[data-part-more]{justify-content:center;padding-inline:0}[data-ui-event-calendar] [data-part-month] [data-part-event][data-bar]{background-color:var(--_hue);border-color:var(--_hue);border-radius:var(--slotted-radius-full, 9999px)}[data-ui-event-calendar] [data-part-month] [data-part-event]:not([data-bar]){inline-size:var(--slotted-space-4, .5rem)}[data-ui-event-calendar] [data-part-month] [data-part-event]:before{block-size:var(--slotted-space-3, .375rem);inline-size:var(--slotted-space-3, .375rem)}[data-ui-event-calendar] [data-part-month] [data-part-event][data-bar]:before,[data-ui-event-calendar] [data-part-month] [data-part-event][data-bar]:after{display:none}[data-ui-event-calendar] [data-part-month] [data-part-event]>*,[data-ui-event-calendar] [data-part-column]>[data-part-event]>*,[data-ui-event-calendar] [data-part-month] [data-part-day-content],[data-ui-event-calendar] [data-part-month] [data-part-more]>*,[data-ui-event-calendar] [data-part-column-header] [data-part-day-content],[data-ui-event-calendar] [data-part-offset-change]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui-event-calendar] [data-part-month] [data-part-more]{block-size:auto;font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_line-xs);padding:0;pointer-events:none}[data-ui-event-calendar] [data-part-month] [data-part-day-events]{grid-template-rows:repeat(var(--slotted-event-calendar-lanes, 3),var(--_event-size)) auto}[data-ui-event-calendar] [data-part-column-header] [data-part-day-number]{block-size:var(--slotted-control-inner-size-md, 24px);font-size:var(--slotted-font-size-md, .875rem);min-inline-size:var(--slotted-control-inner-size-md, 24px)}[data-ui-event-calendar] [data-part-column]>[data-part-event],[data-ui-event-calendar] [data-part-column]>[data-part-more]{--_room: 100%}}@container slotted-event-calendar (max-width: 479px){[data-ui-event-calendar]>[data-part-header]{grid-template-areas:\"title title title title\" \"navigation . filter actions\" \"views views views views\";grid-template-columns:auto minmax(0,1fr) auto auto}[data-ui-event-calendar] [data-part-navigation]{justify-self:start;margin-inline-start:0}[data-ui-event-calendar] [data-part-views]>*{flex:1 1 auto;min-inline-size:0}[data-ui-event-calendar] [data-part-filter]{inline-size:var(--slotted-control-height-md, 34px);padding-inline:0}[data-ui-event-calendar] [data-part-filter]>[data-ui-icon]:last-child{display:none}[data-ui-event-calendar] [data-part-filter]>:not([data-ui-icon]){block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}}@media(forced-colors:active){[data-ui-event-calendar] [data-part-event]:before,[data-ui-event-calendar] [data-part-now]:before{forced-color-adjust:none}[data-ui-event-calendar] [data-part-event][data-bar],[data-ui-event-calendar] [data-part-column]>[data-part-event]{border-color:currentcolor}[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar]),[data-ui-event-calendar] [data-part-list-events] [data-part-event]{border-color:Canvas}[data-ui-event-calendar] [data-today]>[data-part-day-header] [data-part-day-number],[data-ui-event-calendar] [data-part-column-header][data-today] [data-part-day-number]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlContextMenuTrigger, selector: "[slContextMenuTriggerFor]", inputs: ["slContextMenuTriggerFor", "longPress", "longPressDelay"], exportAs: ["slContextMenuTrigger"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "width", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "component", type: SlDrawer, selector: "sl-drawer", inputs: ["open", "extent", "mode", "side", "size", "mount", "escape", "outsidePress", "back", "modal", "loading", "messages", "drag", "scrimFrom", "minExtent", "maxExtent", "snapPoints", "container", "initialFocus", "finalFocus"], outputs: ["openChange", "extentChange", "openChangeRequest", "extentChangeRequest", "closed", "openChangeComplete"], exportAs: ["slDrawer"] }, { kind: "directive", type: SlDrawerBody, selector: "[slDrawerBody]", inputs: ["inset"], exportAs: ["slDrawerBody"] }, { kind: "component", type: SlDrawerClose, selector: "[slDrawerClose]", inputs: ["value"], exportAs: ["slDrawerClose"] }, { kind: "directive", type: SlDrawerDescription, selector: "[slDrawerDescription]", exportAs: ["slDrawerDescription"] }, { kind: "directive", type: SlDrawerHeader, selector: "[slDrawerHeader]", exportAs: ["slDrawerHeader"] }, { kind: "component", type: SlDrawerResizer, selector: "[slDrawerResizer]", inputs: ["step", "largeStep"], exportAs: ["slDrawerResizer"] }, { kind: "directive", type: SlDrawerTitle, selector: "[slDrawerTitle]", exportAs: ["slDrawerTitle"] }, { kind: "directive", type: SlPopover, selector: "[slPopover]", inputs: ["open", "defaultOpen", "disabled", "size", "width", "side", "align", "mount", "strategy", "messages", "initialFocus", "finalFocus", "arrow", "autoFocus", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "sideOffset", "alignOffset", "collisionPadding", "arrowPadding"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slPopover"] }, { kind: "directive", type: SlPopoverBody, selector: "[slPopoverBody]", exportAs: ["slPopoverBody"] }, { kind: "component", type: SlPopoverClose, selector: "button[slPopoverClose]", exportAs: ["slPopoverClose"] }, { kind: "component", type: SlPopoverContent, selector: "[slPopoverContent]", exportAs: ["slPopoverContent"] }, { kind: "directive", type: SlPopoverDescription, selector: "[slPopoverDescription]", exportAs: ["slPopoverDescription"] }, { kind: "directive", type: SlPopoverHeader, selector: "[slPopoverHeader]", exportAs: ["slPopoverHeader"] }, { kind: "directive", type: SlPopoverLayer, selector: "ng-template[slPopoverLayer]", exportAs: ["slPopoverLayer"] }, { kind: "directive", type: SlPopoverTitle, selector: "[slPopoverTitle]", exportAs: ["slPopoverTitle"] }, { kind: "component", type: SlProgressBar, selector: "[slProgressBar]", inputs: ["value", "min", "max", "buffer", "showValue", "valueText", "format", "locale", "wave", "placement"], exportAs: ["slProgressBar"] }, { kind: "component", type: SlSegment, selector: "[slSegment]", inputs: ["value", "disabled"], exportAs: ["slSegment"] }, { kind: "component", type: SlSegmentedControl, selector: "[slSegmentedControl]", inputs: ["value", "defaultValue", "name", "size", "orientation", "condense", "variant", "fullWidth", "disabled", "readOnly", "invalid", "required"], outputs: ["valueChange"], exportAs: ["slSegmentedControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2246
2334
|
}
|
|
2247
2335
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlEventCalendar, decorators: [{
|
|
2248
2336
|
type: Component,
|
|
@@ -2274,9 +2362,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2274
2362
|
SlSegmentedControl,
|
|
2275
2363
|
], template: `
|
|
2276
2364
|
@if (header()) {
|
|
2277
|
-
<div data-part="header">
|
|
2365
|
+
<div data-part="header" data-part-header="">
|
|
2278
2366
|
<div
|
|
2279
2367
|
data-part="title"
|
|
2368
|
+
data-part-title=""
|
|
2280
2369
|
role="heading"
|
|
2281
2370
|
aria-live="polite"
|
|
2282
2371
|
[attr.aria-level]="level()"
|
|
@@ -2284,20 +2373,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2284
2373
|
>
|
|
2285
2374
|
{{ title() }}
|
|
2286
2375
|
</div>
|
|
2287
|
-
<div
|
|
2376
|
+
<div
|
|
2377
|
+
data-part="navigation"
|
|
2378
|
+
data-part-navigation=""
|
|
2379
|
+
role="group"
|
|
2380
|
+
[attr.aria-label]="t('navigation')"
|
|
2381
|
+
>
|
|
2288
2382
|
<button
|
|
2289
2383
|
data-part="previous"
|
|
2384
|
+
data-part-previous=""
|
|
2290
2385
|
type="button"
|
|
2291
2386
|
[attr.aria-label]="previousLabel()"
|
|
2292
2387
|
(click)="step(-1, $event)"
|
|
2293
2388
|
>
|
|
2294
2389
|
<span slIcon><svg slGlyph name="chevron-right"></svg></span>
|
|
2295
2390
|
</button>
|
|
2296
|
-
<button data-part="today" type="button" (click)="goToday($event)">
|
|
2391
|
+
<button data-part="today" data-part-today="" type="button" (click)="goToday($event)">
|
|
2297
2392
|
{{ t('today') }}
|
|
2298
2393
|
</button>
|
|
2299
2394
|
<button
|
|
2300
2395
|
data-part="next"
|
|
2396
|
+
data-part-next=""
|
|
2301
2397
|
type="button"
|
|
2302
2398
|
[attr.aria-label]="nextLabel()"
|
|
2303
2399
|
(click)="step(1, $event)"
|
|
@@ -2306,7 +2402,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2306
2402
|
</button>
|
|
2307
2403
|
</div>
|
|
2308
2404
|
@if (views().length > 1) {
|
|
2309
|
-
<div data-part="views">
|
|
2405
|
+
<div data-part="views" data-part-views="">
|
|
2310
2406
|
<div
|
|
2311
2407
|
slSegmentedControl
|
|
2312
2408
|
fullWidth
|
|
@@ -2321,7 +2417,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2321
2417
|
</div>
|
|
2322
2418
|
}
|
|
2323
2419
|
@if (calendars().length > 1) {
|
|
2324
|
-
<button
|
|
2420
|
+
<button
|
|
2421
|
+
#filterButton
|
|
2422
|
+
data-part="filter"
|
|
2423
|
+
data-part-filter=""
|
|
2424
|
+
type="button"
|
|
2425
|
+
[slMenuTriggerFor]="filterMenu"
|
|
2426
|
+
>
|
|
2325
2427
|
<span slIcon><svg slGlyph name="funnel"></svg></span>
|
|
2326
2428
|
<span>{{ t('calendars') }}</span>
|
|
2327
2429
|
<span slIcon><svg slGlyph name="chevron-down"></svg></span>
|
|
@@ -2344,7 +2446,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2344
2446
|
</sl-menu>
|
|
2345
2447
|
}
|
|
2346
2448
|
@if (actions()) {
|
|
2347
|
-
<div data-part="actions"
|
|
2449
|
+
<div data-part="actions" data-part-actions="">
|
|
2450
|
+
<ng-content select="[slEventCalendarActions]" />
|
|
2451
|
+
</div>
|
|
2348
2452
|
}
|
|
2349
2453
|
</div>
|
|
2350
2454
|
}
|
|
@@ -2355,6 +2459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2355
2459
|
<div
|
|
2356
2460
|
#body
|
|
2357
2461
|
data-part="body"
|
|
2462
|
+
data-part-body=""
|
|
2358
2463
|
[slContextMenuTriggerFor]="contextMenuRef"
|
|
2359
2464
|
[attr.aria-busy]="loading() ? true : null"
|
|
2360
2465
|
(keydown)="onKeyDown($event)"
|
|
@@ -2381,6 +2486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2381
2486
|
<div
|
|
2382
2487
|
#body
|
|
2383
2488
|
data-part="body"
|
|
2489
|
+
data-part-body=""
|
|
2384
2490
|
[attr.aria-busy]="loading() ? true : null"
|
|
2385
2491
|
(keydown)="onKeyDown($event)"
|
|
2386
2492
|
(pointerdown)="onPointerDown($event)"
|
|
@@ -2390,7 +2496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2390
2496
|
}
|
|
2391
2497
|
|
|
2392
2498
|
<ng-template #bodyContent>
|
|
2393
|
-
<div data-part="loader">
|
|
2499
|
+
<div data-part="loader" data-part-loader="">
|
|
2394
2500
|
@if (loaderMounted()) {
|
|
2395
2501
|
<div
|
|
2396
2502
|
slProgressBar
|
|
@@ -2404,29 +2510,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2404
2510
|
}
|
|
2405
2511
|
</div>
|
|
2406
2512
|
@if (errorContent()) {
|
|
2407
|
-
<div data-part="error"
|
|
2513
|
+
<div data-part="error" data-part-error="">
|
|
2514
|
+
<ng-content select="[slEventCalendarError]" />
|
|
2515
|
+
</div>
|
|
2408
2516
|
}
|
|
2409
2517
|
|
|
2410
2518
|
@if (layout() === 'list') {
|
|
2411
|
-
<div data-part="list">
|
|
2519
|
+
<div data-part="list" data-part-list="">
|
|
2412
2520
|
@for (day of listDrawing(); track day.iso) {
|
|
2413
2521
|
<section
|
|
2414
2522
|
data-part="list-day"
|
|
2523
|
+
data-part-list-day=""
|
|
2415
2524
|
[attr.aria-labelledby]="day.headingId"
|
|
2416
2525
|
[attr.data-date]="day.iso"
|
|
2417
2526
|
[attr.data-today]="day.today ? '' : null"
|
|
2418
2527
|
>
|
|
2419
2528
|
<div
|
|
2420
2529
|
data-part="list-day-heading"
|
|
2530
|
+
data-part-list-day-heading=""
|
|
2421
2531
|
role="heading"
|
|
2422
2532
|
[attr.aria-level]="level() + 1"
|
|
2423
2533
|
[attr.id]="day.headingId"
|
|
2424
2534
|
[attr.aria-label]="day.heading.label"
|
|
2425
2535
|
>
|
|
2426
|
-
<span data-part="list-weekday">{{
|
|
2427
|
-
|
|
2536
|
+
<span data-part="list-weekday" data-part-list-weekday="">{{
|
|
2537
|
+
day.heading.weekday
|
|
2538
|
+
}}</span>
|
|
2539
|
+
<span data-part="list-date" data-part-list-date="">{{ day.heading.date }}</span>
|
|
2428
2540
|
</div>
|
|
2429
|
-
<ul data-part="list-events" role="list">
|
|
2541
|
+
<ul data-part="list-events" data-part-list-events="" role="list">
|
|
2430
2542
|
@for (view of day.events; track view.key) {
|
|
2431
2543
|
<li>
|
|
2432
2544
|
<ng-container
|
|
@@ -2437,35 +2549,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2437
2549
|
</ul>
|
|
2438
2550
|
</section>
|
|
2439
2551
|
} @empty {
|
|
2440
|
-
<div data-part="empty">
|
|
2552
|
+
<div data-part="empty" data-part-empty="">
|
|
2441
2553
|
<p>{{ emptyText() }}</p>
|
|
2442
2554
|
<ng-content select="[slEventCalendarEmpty]" />
|
|
2443
2555
|
</div>
|
|
2444
2556
|
}
|
|
2445
2557
|
</div>
|
|
2446
2558
|
} @else if (currentView() === 'month') {
|
|
2447
|
-
<table data-part="month" role="grid" [attr.aria-labelledby]="titleId">
|
|
2559
|
+
<table data-part="month" data-part-month="" role="grid" [attr.aria-labelledby]="titleId">
|
|
2448
2560
|
<thead>
|
|
2449
|
-
<tr data-part="weekdays">
|
|
2561
|
+
<tr data-part="weekdays" data-part-weekdays="">
|
|
2450
2562
|
@if (weekNumbersValue()) {
|
|
2451
|
-
<th data-part="week-number-header" scope="col">
|
|
2452
|
-
<span data-ui="visually-hidden">{{
|
|
2563
|
+
<th data-part="week-number-header" data-part-week-number-header="" scope="col">
|
|
2564
|
+
<span data-ui="visually-hidden" data-ui-visually-hidden="">{{
|
|
2565
|
+
t('weekNumber')
|
|
2566
|
+
}}</span>
|
|
2453
2567
|
</th>
|
|
2454
2568
|
}
|
|
2455
2569
|
@for (name of monthDrawing().weekdays; track name.key) {
|
|
2456
|
-
<th data-part="weekday" scope="col" [attr.abbr]="name.long">
|
|
2570
|
+
<th data-part="weekday" data-part-weekday="" scope="col" [attr.abbr]="name.long">
|
|
2571
|
+
{{ name.short }}
|
|
2572
|
+
</th>
|
|
2457
2573
|
}
|
|
2458
2574
|
</tr>
|
|
2459
2575
|
</thead>
|
|
2460
2576
|
<tbody>
|
|
2461
2577
|
@for (row of monthDrawing().rows; track row.key) {
|
|
2462
|
-
<tr
|
|
2578
|
+
<tr
|
|
2579
|
+
data-part="week"
|
|
2580
|
+
data-part-week=""
|
|
2581
|
+
[style.--slotted-event-calendar-lanes]="maxEventsValue()"
|
|
2582
|
+
>
|
|
2463
2583
|
@if (weekNumbersValue()) {
|
|
2464
|
-
<th data-part="week-number" scope="row">
|
|
2584
|
+
<th data-part="week-number" data-part-week-number="" scope="row">
|
|
2585
|
+
{{ row.weekNumber }}
|
|
2586
|
+
</th>
|
|
2465
2587
|
}
|
|
2466
2588
|
@for (cell of row.cells; track cell.iso) {
|
|
2467
2589
|
<td
|
|
2468
2590
|
data-part="day"
|
|
2591
|
+
data-part-day=""
|
|
2469
2592
|
data-row="day"
|
|
2470
2593
|
role="gridcell"
|
|
2471
2594
|
[attr.data-date]="cell.iso"
|
|
@@ -2479,9 +2602,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2479
2602
|
[attr.data-non-working]="cell.nonWorking ? '' : null"
|
|
2480
2603
|
[attr.data-selected]="cell.selected ? '' : null"
|
|
2481
2604
|
>
|
|
2482
|
-
<div data-part="day-header">
|
|
2605
|
+
<div data-part="day-header" data-part-day-header="">
|
|
2483
2606
|
<button
|
|
2484
2607
|
data-part="day-number"
|
|
2608
|
+
data-part-day-number=""
|
|
2485
2609
|
type="button"
|
|
2486
2610
|
tabindex="-1"
|
|
2487
2611
|
[attr.id]="id + '-day-' + cell.iso"
|
|
@@ -2492,7 +2616,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2492
2616
|
{{ cell.date.day }}
|
|
2493
2617
|
</button>
|
|
2494
2618
|
@if (dayContent(); as content) {
|
|
2495
|
-
<div data-part="day-content">
|
|
2619
|
+
<div data-part="day-content" data-part-day-content="">
|
|
2496
2620
|
<ng-container
|
|
2497
2621
|
*ngTemplateOutlet="
|
|
2498
2622
|
content.template;
|
|
@@ -2503,11 +2627,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2503
2627
|
}
|
|
2504
2628
|
<span
|
|
2505
2629
|
data-ui="visually-hidden"
|
|
2630
|
+
data-ui-visually-hidden=""
|
|
2506
2631
|
[attr.id]="id + '-day-' + cell.iso + '-count'"
|
|
2507
2632
|
>{{ cell.count }}</span
|
|
2508
2633
|
>
|
|
2509
2634
|
</div>
|
|
2510
|
-
<div data-part="day-events">
|
|
2635
|
+
<div data-part="day-events" data-part-day-events="">
|
|
2511
2636
|
@for (view of cell.events; track view.key) {
|
|
2512
2637
|
<ng-container
|
|
2513
2638
|
*ngTemplateOutlet="
|
|
@@ -2517,11 +2642,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2517
2642
|
/>
|
|
2518
2643
|
}
|
|
2519
2644
|
@for (text of cell.continuations; track $index) {
|
|
2520
|
-
<span data-part="continuation">{{ text }}</span>
|
|
2645
|
+
<span data-part="continuation" data-part-continuation="">{{ text }}</span>
|
|
2521
2646
|
}
|
|
2522
2647
|
@if (cell.more > 0) {
|
|
2523
2648
|
<button
|
|
2524
2649
|
data-part="more"
|
|
2650
|
+
data-part-more=""
|
|
2525
2651
|
type="button"
|
|
2526
2652
|
tabindex="-1"
|
|
2527
2653
|
aria-haspopup="dialog"
|
|
@@ -2542,17 +2668,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2542
2668
|
} @else {
|
|
2543
2669
|
<div
|
|
2544
2670
|
data-part="time-grid"
|
|
2671
|
+
data-part-time-grid=""
|
|
2545
2672
|
role="grid"
|
|
2546
2673
|
[attr.aria-labelledby]="titleId"
|
|
2547
2674
|
[style.--slotted-event-calendar-days]="timeDrawing().days"
|
|
2548
2675
|
[style.--slotted-event-calendar-slot]="slotDurationValue()"
|
|
2549
2676
|
>
|
|
2550
|
-
<div data-part="time-head" role="rowgroup">
|
|
2551
|
-
<div data-part="columns" role="row">
|
|
2552
|
-
<div data-part="zone" role="columnheader">
|
|
2677
|
+
<div data-part="time-head" data-part-time-head="" role="rowgroup">
|
|
2678
|
+
<div data-part="columns" data-part-columns="" role="row">
|
|
2679
|
+
<div data-part="zone" data-part-zone="" role="columnheader">
|
|
2680
|
+
{{ timeDrawing().zone }}
|
|
2681
|
+
</div>
|
|
2553
2682
|
@for (column of timeDrawing().headers; track column.iso) {
|
|
2554
2683
|
<div
|
|
2555
2684
|
data-part="column-header"
|
|
2685
|
+
data-part-column-header=""
|
|
2556
2686
|
data-row="header"
|
|
2557
2687
|
role="columnheader"
|
|
2558
2688
|
[attr.data-date]="column.iso"
|
|
@@ -2560,9 +2690,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2560
2690
|
[attr.data-today]="column.today ? '' : null"
|
|
2561
2691
|
[attr.data-offset-change]="column.offsetShort === null ? null : ''"
|
|
2562
2692
|
>
|
|
2563
|
-
<span data-part="weekday" aria-hidden="true">{{
|
|
2693
|
+
<span data-part="weekday" data-part-weekday="" aria-hidden="true">{{
|
|
2694
|
+
column.weekday
|
|
2695
|
+
}}</span>
|
|
2564
2696
|
<button
|
|
2565
2697
|
data-part="day-number"
|
|
2698
|
+
data-part-day-number=""
|
|
2566
2699
|
type="button"
|
|
2567
2700
|
tabindex="-1"
|
|
2568
2701
|
[attr.aria-label]="column.label"
|
|
@@ -2571,7 +2704,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2571
2704
|
{{ column.date.day }}
|
|
2572
2705
|
</button>
|
|
2573
2706
|
@if (dayContent(); as content) {
|
|
2574
|
-
<div data-part="day-content">
|
|
2707
|
+
<div data-part="day-content" data-part-day-content="">
|
|
2575
2708
|
<ng-container
|
|
2576
2709
|
*ngTemplateOutlet="
|
|
2577
2710
|
content.template;
|
|
@@ -2583,6 +2716,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2583
2716
|
@if (column.offsetShort !== null) {
|
|
2584
2717
|
<span
|
|
2585
2718
|
data-part="offset-change"
|
|
2719
|
+
data-part-offset-change=""
|
|
2586
2720
|
role="note"
|
|
2587
2721
|
[attr.aria-label]="column.offsetLong"
|
|
2588
2722
|
>{{ column.offsetShort }}</span
|
|
@@ -2593,13 +2727,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2593
2727
|
</div>
|
|
2594
2728
|
<div
|
|
2595
2729
|
data-part="all-day-row"
|
|
2730
|
+
data-part-all-day-row=""
|
|
2596
2731
|
role="row"
|
|
2597
2732
|
[style.--slotted-event-calendar-lanes]="timeDrawing().lanes"
|
|
2598
2733
|
>
|
|
2599
|
-
<div data-part="all-day-label" role="rowheader">
|
|
2734
|
+
<div data-part="all-day-label" data-part-all-day-label="" role="rowheader">
|
|
2735
|
+
{{ t('allDay') }}
|
|
2736
|
+
</div>
|
|
2600
2737
|
@for (cell of timeDrawing().allDay; track cell.iso) {
|
|
2601
2738
|
<div
|
|
2602
2739
|
data-part="all-day-cell"
|
|
2740
|
+
data-part-all-day-cell=""
|
|
2603
2741
|
data-row="all-day"
|
|
2604
2742
|
role="gridcell"
|
|
2605
2743
|
[attr.data-date]="cell.iso"
|
|
@@ -2615,23 +2753,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2615
2753
|
/>
|
|
2616
2754
|
}
|
|
2617
2755
|
@for (text of cell.continuations; track $index) {
|
|
2618
|
-
<span data-part="continuation">{{ text }}</span>
|
|
2756
|
+
<span data-part="continuation" data-part-continuation="">{{ text }}</span>
|
|
2619
2757
|
}
|
|
2620
2758
|
</div>
|
|
2621
2759
|
}
|
|
2622
2760
|
</div>
|
|
2623
2761
|
</div>
|
|
2624
|
-
<div #scroller data-part="scroller" role="rowgroup">
|
|
2625
|
-
<div data-part="time-row" role="row">
|
|
2626
|
-
<div data-part="gutter" role="rowheader">
|
|
2627
|
-
<span data-ui="visually-hidden">{{ t('timed') }}</span>
|
|
2762
|
+
<div #scroller data-part="scroller" data-part-scroller="" role="rowgroup">
|
|
2763
|
+
<div data-part="time-row" data-part-time-row="" role="row">
|
|
2764
|
+
<div data-part="gutter" data-part-gutter="" role="rowheader">
|
|
2765
|
+
<span data-ui="visually-hidden" data-ui-visually-hidden="">{{ t('timed') }}</span>
|
|
2628
2766
|
@for (hour of timeDrawing().hours; track hour.hour) {
|
|
2629
|
-
<span data-part="hour" aria-hidden="true">{{
|
|
2767
|
+
<span data-part="hour" data-part-hour="" aria-hidden="true">{{
|
|
2768
|
+
hour.label
|
|
2769
|
+
}}</span>
|
|
2630
2770
|
}
|
|
2631
2771
|
</div>
|
|
2632
2772
|
@for (column of timeDrawing().columns; track column.iso) {
|
|
2633
2773
|
<div
|
|
2634
2774
|
data-part="column"
|
|
2775
|
+
data-part-column=""
|
|
2635
2776
|
data-row="timed"
|
|
2636
2777
|
role="gridcell"
|
|
2637
2778
|
[attr.data-date]="column.iso"
|
|
@@ -2640,13 +2781,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2640
2781
|
[attr.data-non-working]="column.nonWorking ? '' : null"
|
|
2641
2782
|
>
|
|
2642
2783
|
@for (off of column.offHours; track $index) {
|
|
2643
|
-
<div
|
|
2784
|
+
<div
|
|
2785
|
+
data-part="off-hours"
|
|
2786
|
+
data-part-off-hours=""
|
|
2787
|
+
aria-hidden="true"
|
|
2788
|
+
[style]="off"
|
|
2789
|
+
></div>
|
|
2644
2790
|
}
|
|
2645
2791
|
@if (column.offsetLine; as line) {
|
|
2646
|
-
<div
|
|
2792
|
+
<div
|
|
2793
|
+
data-part="offset-line"
|
|
2794
|
+
data-part-offset-line=""
|
|
2795
|
+
aria-hidden="true"
|
|
2796
|
+
[style]="line"
|
|
2797
|
+
></div>
|
|
2647
2798
|
}
|
|
2648
2799
|
@if (column.selection; as chosen) {
|
|
2649
|
-
<div
|
|
2800
|
+
<div
|
|
2801
|
+
data-part="selection"
|
|
2802
|
+
data-part-selection=""
|
|
2803
|
+
aria-hidden="true"
|
|
2804
|
+
[style]="chosen.style"
|
|
2805
|
+
>
|
|
2650
2806
|
{{ chosen.text }}
|
|
2651
2807
|
</div>
|
|
2652
2808
|
}
|
|
@@ -2658,6 +2814,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2658
2814
|
@for (entry of column.more; track $index) {
|
|
2659
2815
|
<button
|
|
2660
2816
|
data-part="more"
|
|
2817
|
+
data-part-more=""
|
|
2661
2818
|
type="button"
|
|
2662
2819
|
tabindex="-1"
|
|
2663
2820
|
aria-haspopup="dialog"
|
|
@@ -2671,7 +2828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2671
2828
|
</button>
|
|
2672
2829
|
}
|
|
2673
2830
|
@if (column.now; as now) {
|
|
2674
|
-
<div data-part="now" aria-hidden="true" [style]="now"></div>
|
|
2831
|
+
<div data-part="now" data-part-now="" aria-hidden="true" [style]="now"></div>
|
|
2675
2832
|
}
|
|
2676
2833
|
</div>
|
|
2677
2834
|
}
|
|
@@ -2701,6 +2858,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2701
2858
|
<div slDrawerBody>
|
|
2702
2859
|
<ul
|
|
2703
2860
|
data-part="list-events"
|
|
2861
|
+
data-part-list-events=""
|
|
2704
2862
|
data-layout="stacked"
|
|
2705
2863
|
role="list"
|
|
2706
2864
|
[attr.aria-label]="t('dayEvents', { day: dateLabel(date) })"
|
|
@@ -2731,9 +2889,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2731
2889
|
<p slDrawerDescription>
|
|
2732
2890
|
@if (whenOf(occurrence); as when) {
|
|
2733
2891
|
@if (when.day !== null) {
|
|
2734
|
-
<span data-part="detail-day">{{ when.day }},</span
|
|
2892
|
+
<span data-part="detail-day" data-part-detail-day="">{{ when.day }},</span
|
|
2893
|
+
>{{ ' ' }}
|
|
2735
2894
|
}
|
|
2736
|
-
<span data-part="detail-range">{{ when.range }}</span>
|
|
2895
|
+
<span data-part="detail-range" data-part-detail-range="">{{ when.range }}</span>
|
|
2737
2896
|
}
|
|
2738
2897
|
</p>
|
|
2739
2898
|
<button slDrawerClose></button>
|
|
@@ -2767,6 +2926,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2767
2926
|
<div slPopoverBody>
|
|
2768
2927
|
<ul
|
|
2769
2928
|
data-part="list-events"
|
|
2929
|
+
data-part-list-events=""
|
|
2770
2930
|
data-layout="stacked"
|
|
2771
2931
|
role="list"
|
|
2772
2932
|
[attr.aria-label]="t('dayEvents', { day: dateLabel(date) })"
|
|
@@ -2805,9 +2965,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2805
2965
|
<div slPopoverDescription>
|
|
2806
2966
|
@if (whenOf(occurrence); as when) {
|
|
2807
2967
|
@if (when.day !== null) {
|
|
2808
|
-
<span data-part="detail-day">{{ when.day }},</span
|
|
2968
|
+
<span data-part="detail-day" data-part-detail-day="">{{ when.day }},</span
|
|
2969
|
+
>{{ ' ' }}
|
|
2809
2970
|
}
|
|
2810
|
-
<span data-part="detail-range">{{
|
|
2971
|
+
<span data-part="detail-range" data-part-detail-range="">{{
|
|
2972
|
+
when.range
|
|
2973
|
+
}}</span>
|
|
2811
2974
|
}
|
|
2812
2975
|
</div>
|
|
2813
2976
|
<button slPopoverClose></button>
|
|
@@ -2831,6 +2994,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2831
2994
|
@if (view.href !== null) {
|
|
2832
2995
|
<a
|
|
2833
2996
|
data-part="event"
|
|
2997
|
+
data-part-event=""
|
|
2834
2998
|
[attr.href]="view.href"
|
|
2835
2999
|
[attr.tabindex]="inGrid ? -1 : null"
|
|
2836
3000
|
[attr.data-key]="view.key"
|
|
@@ -2855,6 +3019,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2855
3019
|
} @else {
|
|
2856
3020
|
<button
|
|
2857
3021
|
data-part="event"
|
|
3022
|
+
data-part-event=""
|
|
2858
3023
|
type="button"
|
|
2859
3024
|
[attr.tabindex]="inGrid ? -1 : null"
|
|
2860
3025
|
[attr.data-key]="view.key"
|
|
@@ -2901,30 +3066,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2901
3066
|
/>
|
|
2902
3067
|
} @else {
|
|
2903
3068
|
@if (view.time !== null) {
|
|
2904
|
-
<span data-part="event-time">{{ view.time }}</span>
|
|
3069
|
+
<span data-part="event-time" data-part-event-time="">{{ view.time }}</span>
|
|
2905
3070
|
}
|
|
2906
|
-
<span data-part="event-title">{{ view.title }}</span>
|
|
3071
|
+
<span data-part="event-title" data-part-event-title="">{{ view.title }}</span>
|
|
2907
3072
|
@if (view.location) {
|
|
2908
|
-
<span data-part="event-location">{{ view.location }}</span>
|
|
3073
|
+
<span data-part="event-location" data-part-event-location="">{{ view.location }}</span>
|
|
2909
3074
|
}
|
|
2910
3075
|
}
|
|
2911
|
-
<span data-part="event-meta">{{ view.meta }}</span>
|
|
3076
|
+
<span data-part="event-meta" data-part-event-meta="">{{ view.meta }}</span>
|
|
2912
3077
|
@if (view.bar && view.continuesAfter) {
|
|
2913
3078
|
<span slIcon size="sm" data-edge="end"><svg slGlyph name="chevron-right"></svg></span>
|
|
2914
3079
|
}
|
|
2915
3080
|
@if (view.resizable) {
|
|
2916
|
-
<span aria-hidden="true" data-part="resize-handle"></span>
|
|
3081
|
+
<span aria-hidden="true" data-part="resize-handle" data-part-resize-handle=""></span>
|
|
2917
3082
|
}
|
|
2918
3083
|
</ng-template>
|
|
2919
3084
|
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
2920
3085
|
'data-ui': 'event-calendar',
|
|
3086
|
+
'data-ui-event-calendar': '',
|
|
2921
3087
|
'data-part': 'root',
|
|
3088
|
+
'data-part-root': '',
|
|
2922
3089
|
'[attr.data-view]': 'currentView()',
|
|
2923
3090
|
'[attr.data-layout]': 'layout()',
|
|
2924
3091
|
'[attr.data-loading]': "loading() ? '' : null",
|
|
2925
3092
|
'[attr.data-slot-duration]': 'slotDurationValue()',
|
|
2926
|
-
}, styles: ["@layer slotted.components{[data-ui=event-calendar][data-part=root]{container:slotted-event-calendar / inline-size;--_rule: var(--slotted-event-calendar-rule-color, var(--slotted-border-subtle, #d8dee6));--_rule-width: var(--slotted-border-width-thin, 1px);--_air: var(--slotted-space-2, .25rem);--_hour: var( --slotted-event-calendar-hour-size, calc(var(--slotted-control-height-sm, 30px) * 2) );--_event-size: max( var(--slotted-control-inner-size-sm, 22px), calc(var(--slotted-target-min, 24px) - var(--_air)) );--_event-font-size: var(--slotted-control-font-size-sm, 12px);--_event-radius: var(--slotted-event-calendar-event-radius, var(--slotted-radius-sm, 4px));--_tint: 14%;--_tint-hover: 21%;--_tint-active: 27%;--_edge: 34%;--_edge-hover: 50%;--_tint-dark: 24%;--_tint-hover-dark: 32%;--_tint-active-dark: 38%;--_edge-dark: 44%;--_edge-hover-dark: 60%;--_ink-mix: 58%;--_hue: var(--slotted-text-muted, #5b6b7f);--_off: color-mix(in oklab, var(--slotted-text-muted, #5b6b7f) 7%, transparent);--_gutter: calc(var(--slotted-space-11, 3rem) + var(--slotted-space-4, .5rem));--_gap: var(--slotted-control-gap-md, 8px);--_line-xs: round(nearest, calc(1em * var(--slotted-line-height-xs, 1.4)), 1px);--_line-sm: round(nearest, calc(1em * var(--slotted-line-height-sm, 1.45)), 1px);--_base: var(--slotted-event-calendar-background, var(--slotted-surface, #ffffff));background-color:var(--slotted-event-calendar-background, transparent);box-sizing:border-box;color:var(--slotted-text, #0f172a);display:flex;flex-direction:column;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-control-font-size-md, 13px);gap:var(--slotted-space-5, .75rem);min-block-size:0;min-inline-size:0}[data-ui=event-calendar] *,[data-ui=event-calendar] *:before,[data-ui=event-calendar] *:after{box-sizing:border-box}[data-ui=event-calendar]>[data-part=header]{align-items:center;display:grid;grid-template-areas:\"title navigation views filter actions\";grid-template-columns:minmax(0,1fr) auto auto auto auto;row-gap:var(--slotted-space-4, .5rem)}[data-ui=event-calendar]>[data-part=header]>[data-part=title]{font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-semibold, 600);grid-area:title;line-height:var(--slotted-line-height-lg, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui=event-calendar] [data-part=navigation]{align-items:center;display:inline-flex;gap:var(--slotted-space-2, .25rem);grid-area:navigation;margin-inline-start:var(--slotted-space-6, 1rem)}[data-ui=event-calendar] [data-part=views]{display:flex;grid-area:views;margin-inline-start:var(--slotted-space-5, .75rem);min-inline-size:0}[data-ui=event-calendar] [data-part=filter]{grid-area:filter;margin-inline-start:var(--_gap)}[data-ui=event-calendar]>[data-part=header]>[data-part=actions]{align-items:center;display:inline-flex;gap:var(--_gap);grid-area:actions;margin-inline-start:var(--_gap)}[data-ui=event-calendar] [data-part=today],[data-ui=event-calendar] [data-part=filter],[data-ui=event-calendar] [data-part=previous],[data-ui=event-calendar] [data-part=next]{align-items:center;appearance:none;background-color:var(--slotted-control-surface, #ffffff);block-size:var(--slotted-control-height-md, 34px);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-control-border-color, #bfc7d1);border-radius:var(--slotted-control-radius, 4px);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-text, #0f172a);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-control-gap-md, 8px);justify-content:center;padding-block:0;padding-inline:var(--slotted-control-padding-inline-md, 13px);touch-action:manipulation;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);white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui=event-calendar] [data-part=previous],[data-ui=event-calendar] [data-part=next]{inline-size:var(--slotted-control-height-md, 34px);padding-inline:0}[data-ui=event-calendar] [data-part=today]:hover:not([data-disabled]),[data-ui=event-calendar] [data-part=filter]:hover:not([data-disabled]),[data-ui=event-calendar] [data-part=previous]:hover:not([data-disabled]),[data-ui=event-calendar] [data-part=next]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui=event-calendar] [data-part=today]:active:not([data-disabled]),[data-ui=event-calendar] [data-part=filter]:active:not([data-disabled]),[data-ui=event-calendar] [data-part=previous]:active:not([data-disabled]),[data-ui=event-calendar] [data-part=next]:active:not([data-disabled]),[data-ui=event-calendar] [data-part=filter][aria-expanded=true]{background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui=event-calendar] [data-part=previous]>[data-ui=icon],[data-ui=event-calendar] [data-part=next]>[data-ui=icon],[data-ui=event-calendar] [data-part=filter]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-md, 16px)}[data-ui=event-calendar] [data-part=previous]>[data-ui=icon]{rotate:180deg}[data-ui=event-calendar]:dir(rtl) [data-part=previous]>[data-ui=icon]{rotate:0deg}[data-ui=event-calendar]:dir(rtl) [data-part=next]>[data-ui=icon]{rotate:180deg}[data-ui=event-calendar] [data-part=filter]>[data-ui=icon]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui=event-calendar] [data-part=today]:focus-visible,[data-ui=event-calendar] [data-part=filter]:focus-visible,[data-ui=event-calendar] [data-part=previous]:focus-visible,[data-ui=event-calendar] [data-part=next]:focus-visible,[data-ui=event-calendar] [data-part=day-number]: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=event-calendar] [data-part=day]:focus-visible,[data-ui=event-calendar] [data-part=column-header]:focus-visible,[data-ui=event-calendar] [data-part=all-day-cell]:focus-visible,[data-ui=event-calendar] [data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=event-calendar] [data-part=event]:focus-visible,[data-ui=event-calendar] [data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:1px;z-index:3}[data-ui=event-calendar]>[data-part=body]{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;position:relative}[data-ui=event-calendar]>[data-part=body][data-ui=context-menu]{--slotted-context-menu-mark-width: 0px}[data-ui=event-calendar][data-layout=list]>[data-part=body]{overflow-y:auto;overscroll-behavior:contain}[data-ui=event-calendar]>[data-part=body]>[data-part=loader]{inset-block-start:0;inset-inline:0;pointer-events:none;position:absolute;z-index:4}[data-ui=event-calendar]>[data-part=body]>[data-part=error]{margin-block-end:var(--slotted-space-5, .75rem)}[data-ui=event-calendar]>[data-part=body][aria-busy=true] [data-part=event]{opacity:.6}[data-ui=event-calendar] [data-part=month]{flex:1 0 auto;border-block-start:var(--_rule-width) solid var(--_rule);border-collapse:separate;border-inline-start:var(--_rule-width) solid var(--_rule);border-spacing:0;inline-size:100%;table-layout:fixed}[data-ui=event-calendar] [data-part=weekday],[data-ui=event-calendar] [data-part=week-number-header]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_line-xs);overflow:hidden;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-3, .375rem);text-align:start;text-overflow:ellipsis;white-space:nowrap}[data-ui=event-calendar] [data-part=month] [data-part=weekday],[data-ui=event-calendar] [data-part=month] [data-part=week-number-header]{border-block-end:var(--_rule-width) solid var(--_rule);border-inline-end:var(--_rule-width) solid var(--_rule)}[data-ui=event-calendar] [data-part=week-number-header],[data-ui=event-calendar] [data-part=week-number]{inline-size:calc(var(--slotted-space-9, 2rem) + var(--slotted-space-2, .25rem))}[data-ui=event-calendar] [data-part=week-number]{border-block-end:var(--_rule-width) solid var(--_rule);border-inline-end:var(--_rule-width) solid var(--_rule);color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-regular, 400);padding-block-start:var(--slotted-space-4, .5rem);text-align:center;vertical-align:top}[data-ui=event-calendar] [data-part=day]{--_pad: var(--_air);border-block-end:var(--_rule-width) solid var(--_rule);border-inline-end:var(--_rule-width) solid var(--_rule);padding:var(--_pad);position:relative;vertical-align:top}[data-ui=event-calendar] [data-part=day][data-non-working],[data-ui=event-calendar] [data-part=column][data-non-working],[data-ui=event-calendar] [data-part=all-day-cell][data-non-working]{background-color:var(--slotted-event-calendar-off-background, var(--_off))}[data-ui=event-calendar] [data-part=day][data-selected],[data-ui=event-calendar] [data-part=all-day-cell][data-selected]{--_run-edge: var(--slotted-border-width-thin, 1px);--_run-color: var( --slotted-event-calendar-selection-border-color, var(--slotted-tone-accent-border, #2563eb) );--_run-start: 0px;--_run-end: 0px;--_run-direction: 1;background-color:var( --slotted-event-calendar-selection-background, var(--slotted-tone-accent-surface, #eff6ff) );box-shadow:inset 0 var(--_run-edge) 0 0 var(--_run-color),inset 0 calc(var(--_run-edge) * -1) 0 0 var(--_run-color),inset calc(var(--_run-start) * var(--_run-direction)) 0 0 0 var(--_run-color),inset calc(var(--_run-end) * var(--_run-direction) * -1) 0 0 0 var(--_run-color)}[data-ui=event-calendar]:dir(rtl) [data-part=day][data-selected],[data-ui=event-calendar]:dir(rtl) [data-part=all-day-cell][data-selected]{--_run-direction: -1}[data-ui=event-calendar] [data-part=day][data-selected]:not([data-selected]+*),[data-ui=event-calendar] [data-part=all-day-cell][data-selected]:not([data-selected]+*){--_run-start: var(--_run-edge)}[data-ui=event-calendar] [data-part=day][data-selected]:not(:has(+[data-selected])),[data-ui=event-calendar] [data-part=all-day-cell][data-selected]:not(:has(+[data-selected])){--_run-end: var(--_run-edge)}[data-ui=event-calendar] [data-part=day-header]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);justify-content:space-between;margin-block-end:var(--_air);min-inline-size:0}[data-ui=event-calendar] [data-part=day-content]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_line-xs);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui=event-calendar] [data-part=day-number]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_event-size);border:0;border-radius:var(--slotted-radius-full, 9999px);color:inherit;cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:var(--_event-font-size);font-variant-numeric:tabular-nums;justify-content:center;min-inline-size:var(--_event-size);padding-block:0;padding-inline:var(--slotted-space-2, .25rem);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=event-calendar] [data-part=day-number]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui=event-calendar] [data-part=day-number]:active:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui=event-calendar] [data-part=day][data-outside-month] [data-part=day-number]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui=event-calendar] [data-today]>[data-part=day-header] [data-part=day-number],[data-ui=event-calendar] [data-part=column-header][data-today] [data-part=day-number]{background-color:var( --slotted-event-calendar-today-background, var(--slotted-tone-accent-solid, #2563eb) );color:var(--slotted-event-calendar-today-color, var(--slotted-tone-accent-on-solid, #ffffff));font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=event-calendar] [data-part=day-events],[data-ui=event-calendar] [data-part=all-day-cell]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--slotted-event-calendar-lanes, 3),var(--_event-size));row-gap:var(--_air)}[data-ui=event-calendar] [data-part=day-events]{container:slotted-event-calendar-day / inline-size;grid-template-rows:repeat(var(--slotted-event-calendar-lanes, 3),var(--_event-size)) var(--_event-size);position:relative}[data-ui=event-calendar] [data-part=day-events]>[data-part=event],[data-ui=event-calendar] [data-part=all-day-cell]>[data-part=event]{grid-column:1;grid-row:var(--slotted-event-lane, 1);justify-self:start}[data-ui=event-calendar] [data-part=day-events]>[data-part=more]{grid-column:1;grid-row:-2 / -1;justify-self:start}[data-ui=event-calendar] [data-part=event]{align-items:center;appearance:none;background-color:transparent;border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--_event-radius);color:var(--slotted-text, #0f172a);cursor:pointer;display:flex;font:inherit;font-size:var(--_event-font-size);gap:var(--slotted-space-2, .25rem);line-height:var(--_line-xs);margin:0;min-inline-size:0;overflow:hidden;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;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);-webkit-tap-highlight-color:transparent}[data-ui=event-calendar] [data-part=event][data-color=\"1\"]{--_hue: var(--slotted-data-1, #2563eb)}[data-ui=event-calendar] [data-part=event][data-color=\"2\"]{--_hue: var(--slotted-data-2, #ea580c)}[data-ui=event-calendar] [data-part=event][data-color=\"3\"]{--_hue: var(--slotted-data-3, #0891b2)}[data-ui=event-calendar] [data-part=event][data-color=\"4\"]{--_hue: var(--slotted-data-4, #dc2626)}[data-ui=event-calendar] [data-part=event][data-color=\"5\"]{--_hue: var(--slotted-data-5, #7c3aed)}[data-ui=event-calendar] [data-part=event][data-color=\"6\"]{--_hue: var(--slotted-data-6, #a16207)}[data-ui=event-calendar] [data-part=event][data-color=\"7\"]{--_hue: var(--slotted-data-7, #c026d3)}[data-ui=event-calendar] [data-part=event][data-color=\"8\"]{--_hue: var(--slotted-data-8, #16a34a)}[data-ui=event-calendar] [data-part=event-time],[data-ui=event-calendar] [data-part=event-title],[data-ui=event-calendar] [data-part=event-location],[data-ui=event-calendar] [data-part=more],[data-ui=event-calendar] [data-part=hour],[data-ui=event-calendar] [data-part=zone],[data-ui=event-calendar] [data-part=selection],[data-ui=event-calendar] [data-part=offset-change]{unicode-bidi:plaintext}[data-ui=event-calendar] [data-part=event-time]{color:var(--slotted-text-muted, #5b6b7f);flex:0 0 auto;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=event-calendar] [data-part=event-title]{flex:0 1 auto;font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=event-calendar] [data-part=event-location]{color:var(--slotted-text-muted, #5b6b7f);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=event-calendar] [data-part=event-meta],[data-ui=event-calendar] [data-part=continuation]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar]){position:relative;block-size:var(--_event-size);inline-size:100%;padding-inline:var(--slotted-space-2, .25rem)}[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar]):before,[data-ui=event-calendar] [data-part=list-events] [data-part=event]:before{background-color:var(--_hue);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);content:\"\";flex:0 0 auto;inline-size:var(--slotted-space-4, .5rem)}[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar]):hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar]):active:not([data-disabled],[data-open]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar])[data-open]{background-color:light-dark(color-mix(in oklab,var(--_hue) var(--_tint),var(--_base)),color-mix(in oklab,var(--_hue) var(--_tint-dark),var(--_base)))}[data-ui=event-calendar] [data-part=event][data-bar],[data-ui=event-calendar] [data-part=column]>[data-part=event]{--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-dark), var(--_base)) );--_ink: color-mix(in oklab, var(--_hue) var(--_ink-mix), var(--slotted-text, #0f172a));background-color:var(--_ground);border-color:light-dark(color-mix(in oklab,var(--_hue) var(--_edge),var(--_base)),color-mix(in oklab,var(--_hue) var(--_edge-dark),var(--_base)));color:var(--_ink)}[data-ui=event-calendar] [data-part=event][data-bar] [data-part=event-time],[data-ui=event-calendar] [data-part=event][data-bar] [data-part=event-location],[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-time],[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-location]{color:color-mix(in oklab,var(--_ink) 72%,var(--_ground))}[data-ui=event-calendar] [data-part=event][data-bar]:hover:not([data-disabled],[data-open],[data-dragging],[data-context]),[data-ui=event-calendar] [data-part=column]>[data-part=event]:hover:not([data-disabled],[data-open],[data-dragging],[data-context]){--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint-hover), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-hover-dark), var(--_base)) );border-color:light-dark(color-mix(in oklab,var(--_hue) var(--_edge-hover),var(--_base)),color-mix(in oklab,var(--_hue) var(--_edge-hover-dark),var(--_base)))}[data-ui=event-calendar] [data-part=event][data-bar]:active:not([data-disabled],[data-open],[data-dragging],[data-context]),[data-ui=event-calendar] [data-part=column]>[data-part=event]:active:not([data-disabled],[data-open],[data-dragging],[data-context]){--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint-active), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-active-dark), var(--_base)) );transition-duration:var(--slotted-duration-instant)}[data-ui=event-calendar] [data-part=event][data-bar][data-open],[data-ui=event-calendar] [data-part=column]>[data-part=event][data-open],[data-ui=event-calendar] [data-part=event][data-bar][data-context],[data-ui=event-calendar] [data-part=column]>[data-part=event][data-context],[data-ui=event-calendar] [data-part=event][data-bar][data-dragging],[data-ui=event-calendar] [data-part=column]>[data-part=event][data-dragging]{--_ground: color-mix(in oklab, var(--_hue) 80%, #000000);--_ink: #ffffff;border-color:var(--_ground)}[data-ui=event-calendar] [data-part=event][data-bar][data-dragging][data-drop-invalid],[data-ui=event-calendar] [data-part=column]>[data-part=event][data-dragging][data-drop-invalid]{--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-dark), var(--_base)) );--_ink: color-mix(in oklab, var(--_hue) var(--_ink-mix), var(--slotted-text, #0f172a));border-color:var(--slotted-tone-danger-border, #dc2626);border-style:dashed}[data-ui=event-calendar]:has([data-part=event][data-drop-invalid]),[data-ui=event-calendar]:has([data-part=event][data-drop-invalid]) *{cursor:not-allowed}[data-ui=event-calendar] [data-part=event][data-bar][data-open]:hover:not([data-disabled]),[data-ui=event-calendar] [data-part=column]>[data-part=event][data-open]:hover:not([data-disabled]){--_ground: color-mix(in oklab, var(--_hue) 70%, #000000)}[data-ui=event-calendar] [data-part=event][data-bar][data-open]:active:not([data-disabled]),[data-ui=event-calendar] [data-part=column]>[data-part=event][data-open]:active:not([data-disabled]){--_ground: color-mix(in oklab, var(--_hue) 60%, #000000);transition-duration:var(--slotted-duration-instant)}[data-ui=event-calendar] [data-part=column]>[data-part=event]:not([data-short]):after{background-image:linear-gradient(to bottom,transparent,var(--_ground));block-size:min(var(--slotted-space-6, 1rem),45%);border-end-end-radius:inherit;border-end-start-radius:inherit;content:\"\";inset-block-end:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=event-calendar] [data-part=event][data-past]:not([data-open],[data-dragging]){--_tint: 7%;--_tint-hover: 13%;--_edge: 20%;--_tint-dark: 12%;--_tint-hover-dark: 19%;--_edge-dark: 26%;--_ink-mix: 30%}[data-ui=event-calendar] [data-part=day-events]>[data-part=event][data-past]:not([data-bar]):before{opacity:.55}[data-ui=event-calendar] [data-part=day-events]>[data-part=event][data-past]:not([data-bar]){color:var(--slotted-text-muted, #5b6b7f)}[data-ui=event-calendar] [data-part=list-events] [data-part=event][data-past]:before{opacity:.55}[data-ui=event-calendar] [data-part=list-events] [data-part=event][data-past]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui=event-calendar] [data-part=event][data-bar]{block-size:var(--_event-size);inline-size:calc(var(--slotted-event-span, 1) * (100% + 2 * var(--_pad, 0px) + var(--_rule-width)) - 2 * var(--_pad, 0px) - var(--_rule-width));inset-block-start:0;inset-inline-start:0;position:absolute;z-index:1}[data-ui=event-calendar] [data-part=event][data-bar][data-continues-before]{border-end-start-radius:0;border-start-start-radius:0;padding-inline-start:var(--slotted-space-1, .125rem)}[data-ui=event-calendar] [data-part=event][data-bar][data-continues-after]{border-end-end-radius:0;border-start-end-radius:0;padding-inline-end:var(--slotted-space-1, .125rem)}[data-ui=event-calendar] [data-part=event][data-bar]>[data-ui=icon][data-edge]{color:color-mix(in oklab,var(--_hue) 70%,var(--slotted-text, #0f172a))}[data-ui=event-calendar] [data-part=event][data-bar]>[data-ui=icon][data-edge=start]{rotate:180deg}[data-ui=event-calendar] [data-part=event][data-bar]>[data-ui=icon][data-edge=end]{margin-inline-start:auto}[data-ui=event-calendar]:dir(rtl) [data-part=event][data-bar]>[data-ui=icon][data-edge=start]{rotate:0deg}[data-ui=event-calendar]:dir(rtl) [data-part=event][data-bar]>[data-ui=icon][data-edge=end]{rotate:180deg}[data-ui=event-calendar] [data-part=event][data-status=tentative][data-bar]:not([data-open],[data-dragging]),[data-ui=event-calendar] [data-part=column]>[data-part=event][data-status=tentative]:not([data-open],[data-dragging]){--_tint: 0%;--_tint-hover: 7%;--_tint-active: 12%;--_tint-dark: 0%;--_tint-hover-dark: 12%;--_tint-active-dark: 18%;border-color:var(--_hue);border-style:dashed}[data-ui=event-calendar] [data-part=event][data-status=cancelled]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui=event-calendar] [data-part=event][data-status=cancelled] [data-part=event-title]{text-decoration:line-through}[data-ui=event-calendar] [data-part=event][data-editable]{cursor:grab;touch-action:none}[data-ui=event-calendar] [data-part=event][data-dragging]{box-shadow:var(--slotted-shadow-md, none);cursor:grabbing;pointer-events:none;z-index:5}[data-ui=event-calendar] [data-part=resize-handle]{display:flex;inset-block-end:0;inset-inline:0;align-items:center;block-size:var(--slotted-space-4, .5rem);cursor:ns-resize;justify-content:center;position:absolute;touch-action:none;z-index:1}[data-ui=event-calendar] [data-part=event][data-bar]>[data-part=resize-handle]{block-size:auto;cursor:ew-resize;inline-size:var(--slotted-space-4, .5rem);inset-block:0;inset-inline:auto 0}[data-ui=event-calendar] [data-part=resize-handle]:before{background-color:var(--_ink, var(--_hue));block-size:var(--slotted-border-width-thick, 2px);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--slotted-space-6, 1rem);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=event-calendar] [data-part=event][data-bar]>[data-part=resize-handle]:before{block-size:var(--slotted-space-4, .5rem);inline-size:var(--slotted-border-width-thick, 2px)}[data-ui=event-calendar] [data-part=event]:hover:not([data-disabled])>[data-part=resize-handle]:before,[data-ui=event-calendar] [data-part=event]:focus-visible>[data-part=resize-handle]:before,[data-ui=event-calendar] [data-part=event][data-dragging]>[data-part=resize-handle]:before{opacity:1;transition-timing-function:var(--slotted-easing-enter)}[data-ui=event-calendar] [data-part=more]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_event-size);border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--_event-radius);color:var(--slotted-text-muted, #5b6b7f);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--_event-font-size);font-weight:var(--slotted-font-weight-medium, 500);gap:.3em;max-inline-size:100%;overflow:hidden;padding-block:0;padding-inline:var(--slotted-space-2, .25rem);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);white-space:nowrap}[data-ui=event-calendar] [data-part=more]:hover:not([data-disabled]),[data-ui=event-calendar] [data-part=more][aria-expanded=true]{background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5);color:var(--slotted-text, #0f172a)}[data-ui=event-calendar] [data-part=more]:active:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}@container slotted-event-calendar-day (max-width: 7.5rem){[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar])>[data-part=event-time]{display:none}}@container slotted-event-calendar-event (max-width: 4.5rem){[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-time],[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-location]{display:none}[data-ui=event-calendar] [data-part=column]>[data-part=event]{padding-inline:var(--slotted-space-2, .25rem)}}@container slotted-event-calendar-event (max-width: 2rem){[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-title]{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}}@container slotted-event-calendar-event (max-width: 4.5rem){[data-ui=event-calendar] [data-part=column]>[data-part=more]>span{display:none}}[data-ui=event-calendar] [data-part=time-grid]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0}[data-ui=event-calendar] [data-part=time-head]{border-block-end:var(--_rule-width) solid var(--_rule);overflow:hidden;scrollbar-gutter:stable}[data-ui=event-calendar] [data-part=columns],[data-ui=event-calendar] [data-part=all-day-row],[data-ui=event-calendar] [data-part=time-row]{display:grid;grid-template-columns:var(--_gutter) repeat(var(--slotted-event-calendar-days, 7),minmax(0,1fr))}[data-ui=event-calendar] [data-part=columns]{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui=event-calendar] [data-part=zone]{align-self:end;color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;line-height:var(--_line-xs);overflow:hidden;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);text-align:end;text-overflow:ellipsis;white-space:nowrap}[data-ui=event-calendar] [data-part=column-header]{align-items:center;border-inline-start:var(--_rule-width) solid var(--_rule);display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--_air)}[data-ui=event-calendar] [data-part=column-header] [data-part=weekday]{max-inline-size:100%;padding:0}[data-ui=event-calendar] [data-part=column-header][data-today] [data-part=weekday]{color:var(--slotted-tone-accent-text, #1d4ed8)}[data-ui=event-calendar] [data-part=column-header] [data-part=day-number]{block-size:var(--slotted-control-inner-size-lg, 28px);font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:var(--slotted-control-inner-size-lg, 28px)}[data-ui=event-calendar] [data-part=column-header] [data-part=day-content],[data-ui=event-calendar] [data-part=offset-change]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_line-xs);max-inline-size:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}[data-ui=event-calendar] [data-part=all-day-label]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);hyphens:auto;line-height:var(--_line-xs);overflow-wrap:break-word;padding-block:calc(var(--_air) + (var(--_event-size) - 1lh) / 2);padding-inline:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);text-align:end}[data-ui=event-calendar] [data-part=all-day-cell]{--_pad: var(--_air);border-inline-start:var(--_rule-width) solid var(--_rule);min-inline-size:0;padding:var(--_pad);position:relative}[data-ui=event-calendar] [data-part=scroller]{flex:1 1 40rem;max-block-size:max-content;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}[data-ui=event-calendar] [data-part=gutter]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=event-calendar] [data-part=hour]{block-size:var(--_hour);color:var(--slotted-text-muted, #5b6b7f);flex:0 0 auto;font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;line-height:var(--_line-xs);overflow:hidden;padding-inline-end:var(--slotted-space-3, .375rem);text-align:end;text-overflow:ellipsis;translate:0 calc(var(--_line-xs) / -2);white-space:nowrap}[data-ui=event-calendar] [data-part=hour]:nth-child(1 of[data-part=hour]){visibility:hidden}[data-ui=event-calendar] [data-part=column]{background-image:linear-gradient(to bottom,var(--_rule) var(--_rule-width),transparent var(--_rule-width)),linear-gradient(to bottom,color-mix(in oklab,var(--_rule) 45%,transparent) var(--_rule-width),transparent var(--_rule-width));background-size:100% var(--_hour),100% calc(var(--_hour) * var(--slotted-event-calendar-slot, 30) / 60);border-inline-start:var(--_rule-width) solid var(--_rule);min-inline-size:0;position:relative}[data-ui=event-calendar] [data-part=column][data-today]{background-color:color-mix(in oklab,var(--slotted-tone-accent-surface, #eff6ff) 50%,transparent)}[data-ui=event-calendar] [data-part=column]>[data-part=event],[data-ui=event-calendar] [data-part=column]>[data-part=more],[data-ui=event-calendar] [data-part=column]>[data-part=selection]{--_room: calc(100% - var(--slotted-space-5, .75rem));--_share: calc(var(--_room) / var(--slotted-event-columns, 1));block-size:max(calc(var(--slotted-event-length, 30) * var(--_hour) / 60 - var(--_air)),var(--_event-size));inline-size:calc(var(--_share) * var(--slotted-event-span, 1) - var(--_air));inset-block-start:calc(var(--slotted-event-start, 0) * var(--_hour) / 60 + var(--_air) / 2);inset-inline-start:calc(var(--_share) * var(--slotted-event-column, 0) + var(--_air));position:absolute}[data-ui=event-calendar] [data-part=column]>[data-part=event]{align-content:start;align-items:start;container:slotted-event-calendar-event / inline-size;flex-direction:column;gap:0;padding-block:var(--slotted-space-1, .125rem);z-index:1}[data-ui=event-calendar] [data-part=column]>[data-part=event]>*{flex-shrink:0}[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-title]{max-inline-size:100%;order:-1}[data-ui=event-calendar] [data-part=column]>[data-part=event]:not([data-short])>[data-part=event-title]{-webkit-box-orient:vertical;display:-webkit-box;hyphens:auto;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:break-word;white-space:normal}[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-location],[data-ui=event-calendar] [data-part=column]>[data-part=event]>[data-part=event-time]{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}[data-ui=event-calendar] [data-part=column]>[data-part=event][data-short]{align-items:center;flex-direction:row;gap:var(--slotted-space-2, .25rem);padding-block:0}[data-ui=event-calendar] [data-part=column]>[data-part=event][data-short]>[data-part=event-title]{flex:0 0 auto;max-inline-size:100%}[data-ui=event-calendar] [data-part=column]>[data-part=event][data-short]>[data-part=event-time]{flex:1 1 0;min-inline-size:0}[data-ui=event-calendar] [data-part=column]>[data-part=event][data-clipped-start],[data-ui=event-calendar] [data-part=column]>[data-part=event][data-continues-before]{border-block-start-style:dashed;border-start-end-radius:0;border-start-start-radius:0}[data-ui=event-calendar] [data-part=column]>[data-part=event][data-clipped-end],[data-ui=event-calendar] [data-part=column]>[data-part=event][data-continues-after]{border-block-end-style:dashed;border-end-end-radius:0;border-end-start-radius:0}[data-ui=event-calendar] [data-part=column]>[data-part=more]{align-items:start;container:slotted-event-calendar-event / inline-size;background-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 9%,var(--_base));border-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 24%,var(--_base));padding-block:var(--slotted-space-1, .125rem);z-index:1}[data-ui=event-calendar] [data-part=column]>[data-part=more]:hover:not([data-disabled]),[data-ui=event-calendar] [data-part=column]>[data-part=more][aria-expanded=true]{background-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 15%,var(--_base))}[data-ui=event-calendar] [data-part=column]>[data-part=more]:active:not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 21%,var(--_base))}[data-ui=event-calendar] [data-part=column]>[data-part=more][data-overlay]{align-items:center;background-color:var(--_base);block-size:auto;border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm, none);container-type:normal;inline-size:auto;inset-block-start:calc((var(--slotted-event-start, 0) + var(--slotted-event-length, 30)) * var(--_hour) / 60 - var(--_air));inset-inline:auto var(--slotted-space-4, .5rem);line-height:var(--_line-xs);translate:0 -100%;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);z-index:3}[data-ui=event-calendar] [data-part=column]>[data-part=more][data-overlay]>span{display:none}[data-ui=event-calendar] [data-part=column]>[data-part=selection]{background-color:var( --slotted-event-calendar-selection-background, var(--slotted-tone-accent-surface, #eff6ff) );border:var(--slotted-border-width-thin, 1px) solid var( --slotted-event-calendar-selection-border-color, var(--slotted-tone-accent-border, #2563eb) );border-radius:var(--_event-radius);color:var(--slotted-tone-accent-text, #1d4ed8);font-size:var(--_event-font-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);inline-size:calc(var(--_room) - var(--_air));inset-inline-start:var(--_air);line-height:var(--_line-xs);overflow:hidden;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-3, .375rem);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;z-index:2}[data-ui=event-calendar] [data-part=off-hours]{background-color:var(--slotted-event-calendar-off-background, var(--_off));block-size:calc(var(--slotted-event-length, 0) * var(--_hour) / 60);inset-block-start:calc(var(--slotted-event-start, 0) * var(--_hour) / 60);inset-inline:0;pointer-events:none;position:absolute}[data-ui=event-calendar] [data-part=now],[data-ui=event-calendar] [data-part=offset-line]{inset-block-start:calc(var(--slotted-event-start, 0) * var(--_hour) / 60);inset-inline:0;pointer-events:none;position:absolute}[data-ui=event-calendar] [data-part=now]{border-block-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-event-calendar-now-color, var(--slotted-tone-accent-solid, #2563eb));translate:0 -50%;z-index:2}[data-ui=event-calendar] [data-part=now]:before{background-color:var( --slotted-event-calendar-now-color, var(--slotted-tone-accent-solid, #2563eb) );block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--slotted-space-4, .5rem);inset-block-start:calc(var(--slotted-space-4, .5rem) / -2 - var(--slotted-border-width-thick, 2px) / 2);inset-inline-start:calc(var(--slotted-space-4, .5rem) / -2);position:absolute}[data-ui=event-calendar] [data-part=offset-line]{border-block-start:var(--slotted-border-width-thin, 1px) dashed var(--slotted-border-strong, #78899c);z-index:1}[data-ui=event-calendar]>[data-part=body]>[data-part=list]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-direction:column}[data-ui=event-calendar] [data-part=list-day]{border-block-end:var(--_rule-width) solid var(--_rule);column-gap:var(--slotted-space-6, 1rem);display:grid;grid-template-columns:calc(var(--slotted-space-12, 4rem) * 2) minmax(0,1fr);padding-block:var(--slotted-space-4, .5rem)}[data-ui=event-calendar] [data-part=list-day-heading]{display:flex;flex-direction:column;margin:0;padding-block:var(--slotted-space-3, .375rem)}[data-ui=event-calendar] [data-part=list-weekday]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_line-xs)}[data-ui=event-calendar] [data-part=list-date]{font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_line-sm)}[data-ui=event-calendar] [data-part=list-day][data-today] [data-part=list-day-heading],[data-ui=event-calendar] [data-part=list-day][data-today] [data-part=list-weekday]{color:var(--slotted-tone-accent-text, #1d4ed8)}[data-ui=event-calendar] [data-part=list-events]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;padding:0}[data-ui=event-calendar] [data-part=list-events] [data-part=event]{align-items:start;column-gap:var(--slotted-space-4, .5rem);display:grid;font-size:var(--slotted-font-size-sm, .8125rem);grid-template-columns:calc(var(--slotted-space-12, 4rem) * 2.5) auto minmax(0,1fr);inline-size:100%;line-height:var(--_line-sm);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-3, .375rem)}[data-ui=event-calendar] [data-part=list-events] [data-part=event]:before{grid-column:2;grid-row:1;margin-block-start:calc((1lh - var(--slotted-space-4, .5rem)) / 2)}[data-ui=event-calendar] [data-part=list-events] [data-part=event-time]{grid-column:1;grid-row:1;white-space:normal}[data-ui=event-calendar] [data-part=list-events] [data-part=event-title]{grid-column:3;grid-row:1;overflow-wrap:break-word;white-space:normal}[data-ui=event-calendar] [data-part=list-events] [data-part=event-location]{font-size:var(--slotted-font-size-xs, .75rem);grid-column:3;line-height:var(--_line-xs);grid-row:2;overflow-wrap:break-word;white-space:normal}[data-ui=event-calendar] [data-part=list-events] [data-part=event]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui=event-calendar] [data-part=list-events] [data-part=event]:active:not([data-disabled],[data-open],[data-context]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui=event-calendar] [data-part=list-events] [data-part=event][data-open],[data-ui=event-calendar] [data-part=list-events] [data-part=event][data-context]{background-color:light-dark(color-mix(in oklab,var(--_hue) var(--_tint),var(--_base)),color-mix(in oklab,var(--_hue) var(--_tint-dark),var(--_base)))}[data-ui=event-calendar] [data-part=list-events] [data-part=event][data-status=tentative]:before{background-color:transparent;border:var(--slotted-border-width-medium, 1.5px) solid var(--_hue)}[data-ui=event-calendar] [data-part=detail-day],[data-ui=event-calendar] [data-part=detail-range]{display:inline-block}[data-ui=event-calendar] [data-ui=popover]>[data-part=content]>[data-part=body],[data-ui=event-calendar] [data-ui=drawer] [data-part=panel]>[data-part=body]{display:grid;gap:var(--slotted-space-5, .75rem)}[data-ui=event-calendar] [data-part=list-events][data-layout=stacked] [data-part=event]{grid-template-columns:auto minmax(0,1fr)}[data-ui=event-calendar] [data-part=list-events][data-layout=stacked] [data-part=event]:before{grid-column:1}[data-ui=event-calendar] [data-part=list-events][data-layout=stacked] [data-part=event-title]{grid-column:2;grid-row:1}[data-ui=event-calendar] [data-part=list-events][data-layout=stacked] [data-part=event-time]{font-size:var(--slotted-font-size-xs, .75rem);grid-column:2;grid-row:2;line-height:var(--_line-xs)}[data-ui=event-calendar] [data-part=list-events][data-layout=stacked] [data-part=event-location]{grid-column:2;grid-row:3}[data-ui=event-calendar] [data-part=empty]{align-items:center;color:var(--slotted-text-muted, #5b6b7f);display:flex;flex-direction:column;gap:var(--slotted-space-5, .75rem);padding-block:var(--slotted-space-10, 2.5rem);padding-inline:var(--slotted-space-6, 1rem);text-align:center}@container slotted-event-calendar (max-width: 959px){[data-ui=event-calendar]>[data-part=header]{grid-template-areas:\"title title navigation navigation\" \"views . filter actions\";grid-template-columns:auto minmax(0,1fr) auto auto}[data-ui=event-calendar] [data-part=navigation]{justify-self:end}[data-ui=event-calendar] [data-part=views]{margin-inline-start:0}}@container slotted-event-calendar (max-width: 599px){[data-ui=event-calendar][data-part=root]{--_gutter: calc(var(--slotted-space-10, 2.5rem) + var(--slotted-space-2, .25rem))}[data-ui=event-calendar] [data-part=list-day]{grid-template-columns:minmax(0,1fr);row-gap:var(--slotted-space-1, .125rem)}[data-ui=event-calendar] [data-part=list-day-heading]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);flex-direction:row;flex-wrap:wrap}[data-ui=event-calendar] [data-part=list-events] [data-part=event]{grid-template-columns:auto minmax(0,1fr)}[data-ui=event-calendar] [data-part=list-events] [data-part=event]:before{grid-column:1}[data-ui=event-calendar] [data-part=list-events] [data-part=event-title]{grid-column:2;grid-row:1}[data-ui=event-calendar] [data-part=list-events] [data-part=event-time]{font-size:var(--slotted-font-size-xs, .75rem);grid-column:2;grid-row:2;line-height:var(--_line-xs)}[data-ui=event-calendar] [data-part=list-events] [data-part=event-location]{grid-column:2;grid-row:3}[data-ui=event-calendar] [data-part=month] [data-part=day]{--_event-size: var(--slotted-space-3, .375rem);--_air: var(--slotted-space-1, .125rem)}[data-ui=event-calendar] [data-part=month] [data-part=day-header]{margin-block-end:var(--slotted-space-2, .25rem)}[data-ui=event-calendar] [data-part=month] [data-part=day-number]{block-size:var(--slotted-control-inner-size-sm, 22px);min-inline-size:var(--slotted-control-inner-size-sm, 22px)}[data-ui=event-calendar] [data-part=month] [data-part=day-number]:after{content:\"\";inset:0;position:absolute}[data-ui=event-calendar] [data-part=month] [data-part=event]{padding:0;pointer-events:none}[data-ui=event-calendar] [data-part=column]>[data-part=event]{background-color:light-dark(color-mix(in oklab,var(--_hue) var(--_tint-active),var(--_base)),color-mix(in oklab,var(--_hue) var(--_tint-active-dark),var(--_base)));border-color:var(--_hue);padding:0}[data-ui=event-calendar] [data-part=column]>[data-part=more]{justify-content:center;padding-inline:0}[data-ui=event-calendar] [data-part=month] [data-part=event][data-bar]{background-color:var(--_hue);border-color:var(--_hue);border-radius:var(--slotted-radius-full, 9999px)}[data-ui=event-calendar] [data-part=month] [data-part=event]:not([data-bar]){inline-size:var(--slotted-space-4, .5rem)}[data-ui=event-calendar] [data-part=month] [data-part=event]:before{block-size:var(--slotted-space-3, .375rem);inline-size:var(--slotted-space-3, .375rem)}[data-ui=event-calendar] [data-part=month] [data-part=event][data-bar]:before,[data-ui=event-calendar] [data-part=month] [data-part=event][data-bar]:after{display:none}[data-ui=event-calendar] [data-part=month] [data-part=event]>*,[data-ui=event-calendar] [data-part=column]>[data-part=event]>*,[data-ui=event-calendar] [data-part=month] [data-part=day-content],[data-ui=event-calendar] [data-part=month] [data-part=more]>*,[data-ui=event-calendar] [data-part=column-header] [data-part=day-content],[data-ui=event-calendar] [data-part=offset-change]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui=event-calendar] [data-part=month] [data-part=more]{block-size:auto;font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_line-xs);padding:0;pointer-events:none}[data-ui=event-calendar] [data-part=month] [data-part=day-events]{grid-template-rows:repeat(var(--slotted-event-calendar-lanes, 3),var(--_event-size)) auto}[data-ui=event-calendar] [data-part=column-header] [data-part=day-number]{block-size:var(--slotted-control-inner-size-md, 24px);font-size:var(--slotted-font-size-md, .875rem);min-inline-size:var(--slotted-control-inner-size-md, 24px)}[data-ui=event-calendar] [data-part=column]>[data-part=event],[data-ui=event-calendar] [data-part=column]>[data-part=more]{--_room: 100%}}@container slotted-event-calendar (max-width: 479px){[data-ui=event-calendar]>[data-part=header]{grid-template-areas:\"title title title title\" \"navigation . filter actions\" \"views views views views\";grid-template-columns:auto minmax(0,1fr) auto auto}[data-ui=event-calendar] [data-part=navigation]{justify-self:start;margin-inline-start:0}[data-ui=event-calendar] [data-part=views]>*{flex:1 1 auto;min-inline-size:0}[data-ui=event-calendar] [data-part=filter]{inline-size:var(--slotted-control-height-md, 34px);padding-inline:0}[data-ui=event-calendar] [data-part=filter]>[data-ui=icon]:last-child{display:none}[data-ui=event-calendar] [data-part=filter]>:not([data-ui=icon]){block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}}@media(forced-colors:active){[data-ui=event-calendar] [data-part=event]:before,[data-ui=event-calendar] [data-part=now]:before{forced-color-adjust:none}[data-ui=event-calendar] [data-part=event][data-bar],[data-ui=event-calendar] [data-part=column]>[data-part=event]{border-color:currentcolor}[data-ui=event-calendar] [data-part=day-events]>[data-part=event]:not([data-bar]),[data-ui=event-calendar] [data-part=list-events] [data-part=event]{border-color:Canvas}[data-ui=event-calendar] [data-today]>[data-part=day-header] [data-part=day-number],[data-ui=event-calendar] [data-part=column-header][data-today] [data-part=day-number]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
2927
|
-
}], ctorParameters: () => [], propDecorators: { events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], calendars: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendars", required: false }] }], views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }, { type: i0.Output, args: ["dateChange"] }], defaultDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultDate", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }, { type: i0.Output, args: ["viewChange"] }], defaultView: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultView", required: false }] }], visibleCalendars: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleCalendars", required: false }] }, { type: i0.Output, args: ["visibleCalendarsChange"] }], defaultVisibleCalendars: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultVisibleCalendars", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], defaultSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultSelection", required: false }] }], openEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "openEvent", required: false }] }, { type: i0.Output, args: ["openEventChange"] }], defaultOpenEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpenEvent", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], workingHours: [{ type: i0.Input, args: [{ isSignal: true, alias: "workingHours", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], dayHours: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayHours", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], fixedWeeks: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixedWeeks", required: false }] }], hourCycle: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourCycle", required: false }] }], listRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "listRange", required: false }] }], loadingDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingDelay", required: false }] }], loadingMinDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingMinDuration", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], maxColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxColumns", required: false }] }], maxEvents: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxEvents", required: false }] }], scrollTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollTime", required: false }] }], slotDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "slotDuration", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], weekends: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekends", required: false }] }], weekNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekNumbers", required: false }] }], dateRequest: [{ type: i0.Output, args: ["dateRequest"] }], viewRequest: [{ type: i0.Output, args: ["viewRequest"] }], visibleCalendarsRequest: [{ type: i0.Output, args: ["visibleCalendarsRequest"] }], selectionRequest: [{ type: i0.Output, args: ["selectionRequest"] }], openEventRequest: [{ type: i0.Output, args: ["openEventRequest"] }], eventChangeRequest: [{ type: i0.Output, args: ["eventChangeRequest"] }], canDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "canDrop", required: false }] }], rangeChange: [{ type: i0.Output, args: ["rangeChange"] }], eventContentTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarEvent), { isSignal: true }] }], detail: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarDetail), { isSignal: true }] }], dayContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarDayContent), { isSignal: true }] }], actions: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarActions), { isSignal: true }] }], empty: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarEmpty), { isSignal: true }] }], errorContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarError), { isSignal: true }] }], body: [{ type: i0.ViewChild, args: ['body', { ...{ read: ElementRef }, isSignal: true }] }], scroller: [{ type: i0.ViewChild, args: ['scroller', { isSignal: true }] }], filterButton: [{ type: i0.ViewChild, args: ['filterButton', { isSignal: true }] }], morePopover: [{ type: i0.ViewChild, args: ['morePopover', { isSignal: true }] }], detailPopover: [{ type: i0.ViewChild, args: ['detailPopover', { isSignal: true }] }], contextMenu: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarContextMenu), { isSignal: true }] }], contextMenuRef: [{ type: i0.ViewChild, args: ['contextMenuRef', { isSignal: true }] }] } });
|
|
3093
|
+
}, styles: ["@layer slotted.components{[data-ui-event-calendar][data-part-root]{container:slotted-event-calendar / inline-size;--_rule: var(--slotted-event-calendar-rule-color, var(--slotted-border-subtle, #d8dee6));--_rule-width: var(--slotted-border-width-thin, 1px);--_air: var(--slotted-space-2, .25rem);--_hour: var( --slotted-event-calendar-hour-size, calc(var(--slotted-control-height-sm, 30px) * 2) );--_event-size: max( var(--slotted-control-inner-size-sm, 22px), calc(var(--slotted-target-min, 24px) - var(--_air)) );--_event-font-size: var(--slotted-control-font-size-sm, 12px);--_event-radius: var(--slotted-event-calendar-event-radius, var(--slotted-radius-sm, 4px));--_tint: 14%;--_tint-hover: 21%;--_tint-active: 27%;--_edge: 34%;--_edge-hover: 50%;--_tint-dark: 24%;--_tint-hover-dark: 32%;--_tint-active-dark: 38%;--_edge-dark: 44%;--_edge-hover-dark: 60%;--_ink-mix: 58%;--_hue: var(--slotted-text-muted, #5b6b7f);--_off: color-mix(in oklab, var(--slotted-text-muted, #5b6b7f) 7%, transparent);--_gutter: calc(var(--slotted-space-11, 3rem) + var(--slotted-space-4, .5rem));--_gap: var(--slotted-control-gap-md, 8px);--_line-xs: round(nearest, calc(1em * var(--slotted-line-height-xs, 1.4)), 1px);--_line-sm: round(nearest, calc(1em * var(--slotted-line-height-sm, 1.45)), 1px);--_base: var(--slotted-event-calendar-background, var(--slotted-surface, #ffffff));background-color:var(--slotted-event-calendar-background, transparent);box-sizing:border-box;color:var(--slotted-text, #0f172a);display:flex;flex-direction:column;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--slotted-control-font-size-md, 13px);gap:var(--slotted-space-5, .75rem);min-block-size:0;min-inline-size:0}[data-ui-event-calendar] *,[data-ui-event-calendar] *:before,[data-ui-event-calendar] *:after{box-sizing:border-box}[data-ui-event-calendar]>[data-part-header]{align-items:center;display:grid;grid-template-areas:\"title navigation views filter actions\";grid-template-columns:minmax(0,1fr) auto auto auto auto;row-gap:var(--slotted-space-4, .5rem)}[data-ui-event-calendar]>[data-part-header]>[data-part-title]{font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-semibold, 600);grid-area:title;line-height:var(--slotted-line-height-lg, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui-event-calendar] [data-part-navigation]{align-items:center;display:inline-flex;gap:var(--slotted-space-2, .25rem);grid-area:navigation;margin-inline-start:var(--slotted-space-6, 1rem)}[data-ui-event-calendar] [data-part-views]{display:flex;grid-area:views;margin-inline-start:var(--slotted-space-5, .75rem);min-inline-size:0}[data-ui-event-calendar] [data-part-filter]{grid-area:filter;margin-inline-start:var(--_gap)}[data-ui-event-calendar]>[data-part-header]>[data-part-actions]{align-items:center;display:inline-flex;gap:var(--_gap);grid-area:actions;margin-inline-start:var(--_gap)}[data-ui-event-calendar] [data-part-today],[data-ui-event-calendar] [data-part-filter],[data-ui-event-calendar] [data-part-previous],[data-ui-event-calendar] [data-part-next]{align-items:center;appearance:none;background-color:var(--slotted-control-surface, #ffffff);block-size:var(--slotted-control-height-md, 34px);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-control-border-color, #bfc7d1);border-radius:var(--slotted-control-radius, 4px);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-text, #0f172a);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-control-gap-md, 8px);justify-content:center;padding-block:0;padding-inline:var(--slotted-control-padding-inline-md, 13px);touch-action:manipulation;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);white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui-event-calendar] [data-part-previous],[data-ui-event-calendar] [data-part-next]{inline-size:var(--slotted-control-height-md, 34px);padding-inline:0}[data-ui-event-calendar] [data-part-today]:hover:not([data-disabled]),[data-ui-event-calendar] [data-part-filter]:hover:not([data-disabled]),[data-ui-event-calendar] [data-part-previous]:hover:not([data-disabled]),[data-ui-event-calendar] [data-part-next]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui-event-calendar] [data-part-today]:active:not([data-disabled]),[data-ui-event-calendar] [data-part-filter]:active:not([data-disabled]),[data-ui-event-calendar] [data-part-previous]:active:not([data-disabled]),[data-ui-event-calendar] [data-part-next]:active:not([data-disabled]),[data-ui-event-calendar] [data-part-filter][aria-expanded=true]{background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui-event-calendar] [data-part-previous]>[data-ui-icon],[data-ui-event-calendar] [data-part-next]>[data-ui-icon],[data-ui-event-calendar] [data-part-filter]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-md, 16px)}[data-ui-event-calendar] [data-part-previous]>[data-ui-icon]{rotate:180deg}[data-ui-event-calendar]:dir(rtl) [data-part-previous]>[data-ui-icon]{rotate:0deg}[data-ui-event-calendar]:dir(rtl) [data-part-next]>[data-ui-icon]{rotate:180deg}[data-ui-event-calendar] [data-part-filter]>[data-ui-icon]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui-event-calendar] [data-part-today]:focus-visible,[data-ui-event-calendar] [data-part-filter]:focus-visible,[data-ui-event-calendar] [data-part-previous]:focus-visible,[data-ui-event-calendar] [data-part-next]:focus-visible,[data-ui-event-calendar] [data-part-day-number]: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-event-calendar] [data-part-day]:focus-visible,[data-ui-event-calendar] [data-part-column-header]:focus-visible,[data-ui-event-calendar] [data-part-all-day-cell]:focus-visible,[data-ui-event-calendar] [data-part-column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui-event-calendar] [data-part-event]:focus-visible,[data-ui-event-calendar] [data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:1px;z-index:3}[data-ui-event-calendar]>[data-part-body]{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;position:relative}[data-ui-event-calendar]>[data-part-body][data-ui-context-menu]{--slotted-context-menu-mark-width: 0px}[data-ui-event-calendar][data-layout=list]>[data-part-body]{overflow-y:auto;overscroll-behavior:contain}[data-ui-event-calendar]>[data-part-body]>[data-part-loader]{inset-block-start:0;inset-inline:0;pointer-events:none;position:absolute;z-index:4}[data-ui-event-calendar]>[data-part-body]>[data-part-error]{margin-block-end:var(--slotted-space-5, .75rem)}[data-ui-event-calendar]>[data-part-body][aria-busy=true] [data-part-event]{opacity:.6}[data-ui-event-calendar] [data-part-month]{flex:1 0 auto;border-block-start:var(--_rule-width) solid var(--_rule);border-collapse:separate;border-inline-start:var(--_rule-width) solid var(--_rule);border-spacing:0;inline-size:100%;table-layout:fixed}[data-ui-event-calendar] [data-part-weekday],[data-ui-event-calendar] [data-part-week-number-header]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_line-xs);overflow:hidden;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-3, .375rem);text-align:start;text-overflow:ellipsis;white-space:nowrap}[data-ui-event-calendar] [data-part-month] [data-part-weekday],[data-ui-event-calendar] [data-part-month] [data-part-week-number-header]{border-block-end:var(--_rule-width) solid var(--_rule);border-inline-end:var(--_rule-width) solid var(--_rule)}[data-ui-event-calendar] [data-part-week-number-header],[data-ui-event-calendar] [data-part-week-number]{inline-size:calc(var(--slotted-space-9, 2rem) + var(--slotted-space-2, .25rem))}[data-ui-event-calendar] [data-part-week-number]{border-block-end:var(--_rule-width) solid var(--_rule);border-inline-end:var(--_rule-width) solid var(--_rule);color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-regular, 400);padding-block-start:var(--slotted-space-4, .5rem);text-align:center;vertical-align:top}[data-ui-event-calendar] [data-part-day]{--_pad: var(--_air);border-block-end:var(--_rule-width) solid var(--_rule);border-inline-end:var(--_rule-width) solid var(--_rule);padding:var(--_pad);position:relative;vertical-align:top}[data-ui-event-calendar] [data-part-day][data-non-working],[data-ui-event-calendar] [data-part-column][data-non-working],[data-ui-event-calendar] [data-part-all-day-cell][data-non-working]{background-color:var(--slotted-event-calendar-off-background, var(--_off))}[data-ui-event-calendar] [data-part-day][data-selected],[data-ui-event-calendar] [data-part-all-day-cell][data-selected]{--_run-edge: var(--slotted-border-width-thin, 1px);--_run-color: var( --slotted-event-calendar-selection-border-color, var(--slotted-tone-accent-border, #2563eb) );--_run-start: 0px;--_run-end: 0px;--_run-direction: 1;background-color:var( --slotted-event-calendar-selection-background, var(--slotted-tone-accent-surface, #eff6ff) );box-shadow:inset 0 var(--_run-edge) 0 0 var(--_run-color),inset 0 calc(var(--_run-edge) * -1) 0 0 var(--_run-color),inset calc(var(--_run-start) * var(--_run-direction)) 0 0 0 var(--_run-color),inset calc(var(--_run-end) * var(--_run-direction) * -1) 0 0 0 var(--_run-color)}[data-ui-event-calendar]:dir(rtl) [data-part-day][data-selected],[data-ui-event-calendar]:dir(rtl) [data-part-all-day-cell][data-selected]{--_run-direction: -1}[data-ui-event-calendar] [data-part-day][data-selected]:not([data-selected]+*),[data-ui-event-calendar] [data-part-all-day-cell][data-selected]:not([data-selected]+*){--_run-start: var(--_run-edge)}[data-ui-event-calendar] [data-part-day][data-selected]:not(:has(+[data-selected])),[data-ui-event-calendar] [data-part-all-day-cell][data-selected]:not(:has(+[data-selected])){--_run-end: var(--_run-edge)}[data-ui-event-calendar] [data-part-day-header]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);justify-content:space-between;margin-block-end:var(--_air);min-inline-size:0}[data-ui-event-calendar] [data-part-day-content]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_line-xs);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui-event-calendar] [data-part-day-number]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_event-size);border:0;border-radius:var(--slotted-radius-full, 9999px);color:inherit;cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:var(--_event-font-size);font-variant-numeric:tabular-nums;justify-content:center;min-inline-size:var(--_event-size);padding-block:0;padding-inline:var(--slotted-space-2, .25rem);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-event-calendar] [data-part-day-number]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui-event-calendar] [data-part-day-number]:active:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui-event-calendar] [data-part-day][data-outside-month] [data-part-day-number]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui-event-calendar] [data-today]>[data-part-day-header] [data-part-day-number],[data-ui-event-calendar] [data-part-column-header][data-today] [data-part-day-number]{background-color:var( --slotted-event-calendar-today-background, var(--slotted-tone-accent-solid, #2563eb) );color:var(--slotted-event-calendar-today-color, var(--slotted-tone-accent-on-solid, #ffffff));font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-event-calendar] [data-part-day-events],[data-ui-event-calendar] [data-part-all-day-cell]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--slotted-event-calendar-lanes, 3),var(--_event-size));row-gap:var(--_air)}[data-ui-event-calendar] [data-part-day-events]{container:slotted-event-calendar-day / inline-size;grid-template-rows:repeat(var(--slotted-event-calendar-lanes, 3),var(--_event-size)) var(--_event-size);position:relative}[data-ui-event-calendar] [data-part-day-events]>[data-part-event],[data-ui-event-calendar] [data-part-all-day-cell]>[data-part-event]{grid-column:1;grid-row:var(--slotted-event-lane, 1);justify-self:start}[data-ui-event-calendar] [data-part-day-events]>[data-part-more]{grid-column:1;grid-row:-2 / -1;justify-self:start}[data-ui-event-calendar] [data-part-event]{align-items:center;appearance:none;background-color:transparent;border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--_event-radius);color:var(--slotted-text, #0f172a);cursor:pointer;display:flex;font:inherit;font-size:var(--_event-font-size);gap:var(--slotted-space-2, .25rem);line-height:var(--_line-xs);margin:0;min-inline-size:0;overflow:hidden;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;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);-webkit-tap-highlight-color:transparent}[data-ui-event-calendar] [data-part-event][data-color=\"1\"]{--_hue: var(--slotted-data-1, #2563eb)}[data-ui-event-calendar] [data-part-event][data-color=\"2\"]{--_hue: var(--slotted-data-2, #ea580c)}[data-ui-event-calendar] [data-part-event][data-color=\"3\"]{--_hue: var(--slotted-data-3, #0891b2)}[data-ui-event-calendar] [data-part-event][data-color=\"4\"]{--_hue: var(--slotted-data-4, #dc2626)}[data-ui-event-calendar] [data-part-event][data-color=\"5\"]{--_hue: var(--slotted-data-5, #7c3aed)}[data-ui-event-calendar] [data-part-event][data-color=\"6\"]{--_hue: var(--slotted-data-6, #a16207)}[data-ui-event-calendar] [data-part-event][data-color=\"7\"]{--_hue: var(--slotted-data-7, #c026d3)}[data-ui-event-calendar] [data-part-event][data-color=\"8\"]{--_hue: var(--slotted-data-8, #16a34a)}[data-ui-event-calendar] [data-part-event-time],[data-ui-event-calendar] [data-part-event-title],[data-ui-event-calendar] [data-part-event-location],[data-ui-event-calendar] [data-part-more],[data-ui-event-calendar] [data-part-hour],[data-ui-event-calendar] [data-part-zone],[data-ui-event-calendar] [data-part-selection],[data-ui-event-calendar] [data-part-offset-change]{unicode-bidi:plaintext}[data-ui-event-calendar] [data-part-event-time]{color:var(--slotted-text-muted, #5b6b7f);flex:0 0 auto;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-event-calendar] [data-part-event-title]{flex:0 1 auto;font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-event-calendar] [data-part-event-location]{color:var(--slotted-text-muted, #5b6b7f);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-event-calendar] [data-part-event-meta],[data-ui-event-calendar] [data-part-continuation]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar]){position:relative;block-size:var(--_event-size);inline-size:100%;padding-inline:var(--slotted-space-2, .25rem)}[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar]):before,[data-ui-event-calendar] [data-part-list-events] [data-part-event]:before{background-color:var(--_hue);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);content:\"\";flex:0 0 auto;inline-size:var(--slotted-space-4, .5rem)}[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar]):hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar]):active:not([data-disabled],[data-open]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar])[data-open]{background-color:light-dark(color-mix(in oklab,var(--_hue) var(--_tint),var(--_base)),color-mix(in oklab,var(--_hue) var(--_tint-dark),var(--_base)))}[data-ui-event-calendar] [data-part-event][data-bar],[data-ui-event-calendar] [data-part-column]>[data-part-event]{--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-dark), var(--_base)) );--_ink: color-mix(in oklab, var(--_hue) var(--_ink-mix), var(--slotted-text, #0f172a));background-color:var(--_ground);border-color:light-dark(color-mix(in oklab,var(--_hue) var(--_edge),var(--_base)),color-mix(in oklab,var(--_hue) var(--_edge-dark),var(--_base)));color:var(--_ink)}[data-ui-event-calendar] [data-part-event][data-bar] [data-part-event-time],[data-ui-event-calendar] [data-part-event][data-bar] [data-part-event-location],[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-time],[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-location]{color:color-mix(in oklab,var(--_ink) 72%,var(--_ground))}[data-ui-event-calendar] [data-part-event][data-bar]:hover:not([data-disabled],[data-open],[data-dragging],[data-context]),[data-ui-event-calendar] [data-part-column]>[data-part-event]:hover:not([data-disabled],[data-open],[data-dragging],[data-context]){--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint-hover), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-hover-dark), var(--_base)) );border-color:light-dark(color-mix(in oklab,var(--_hue) var(--_edge-hover),var(--_base)),color-mix(in oklab,var(--_hue) var(--_edge-hover-dark),var(--_base)))}[data-ui-event-calendar] [data-part-event][data-bar]:active:not([data-disabled],[data-open],[data-dragging],[data-context]),[data-ui-event-calendar] [data-part-column]>[data-part-event]:active:not([data-disabled],[data-open],[data-dragging],[data-context]){--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint-active), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-active-dark), var(--_base)) );transition-duration:var(--slotted-duration-instant)}[data-ui-event-calendar] [data-part-event][data-bar][data-open],[data-ui-event-calendar] [data-part-column]>[data-part-event][data-open],[data-ui-event-calendar] [data-part-event][data-bar][data-context],[data-ui-event-calendar] [data-part-column]>[data-part-event][data-context],[data-ui-event-calendar] [data-part-event][data-bar][data-dragging],[data-ui-event-calendar] [data-part-column]>[data-part-event][data-dragging]{--_ground: color-mix(in oklab, var(--_hue) 80%, #000000);--_ink: #ffffff;border-color:var(--_ground)}[data-ui-event-calendar] [data-part-event][data-bar][data-dragging][data-drop-invalid],[data-ui-event-calendar] [data-part-column]>[data-part-event][data-dragging][data-drop-invalid]{--_ground: light-dark( color-mix(in oklab, var(--_hue) var(--_tint), var(--_base)), color-mix(in oklab, var(--_hue) var(--_tint-dark), var(--_base)) );--_ink: color-mix(in oklab, var(--_hue) var(--_ink-mix), var(--slotted-text, #0f172a));border-color:var(--slotted-tone-danger-border, #dc2626);border-style:dashed}[data-ui-event-calendar]:has([data-part-event][data-drop-invalid]),[data-ui-event-calendar]:has([data-part-event][data-drop-invalid]) *{cursor:not-allowed}[data-ui-event-calendar] [data-part-event][data-bar][data-open]:hover:not([data-disabled]),[data-ui-event-calendar] [data-part-column]>[data-part-event][data-open]:hover:not([data-disabled]){--_ground: color-mix(in oklab, var(--_hue) 70%, #000000)}[data-ui-event-calendar] [data-part-event][data-bar][data-open]:active:not([data-disabled]),[data-ui-event-calendar] [data-part-column]>[data-part-event][data-open]:active:not([data-disabled]){--_ground: color-mix(in oklab, var(--_hue) 60%, #000000);transition-duration:var(--slotted-duration-instant)}[data-ui-event-calendar] [data-part-column]>[data-part-event]:not([data-short]):after{background-image:linear-gradient(to bottom,transparent,var(--_ground));block-size:min(var(--slotted-space-6, 1rem),45%);border-end-end-radius:inherit;border-end-start-radius:inherit;content:\"\";inset-block-end:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui-event-calendar] [data-part-event][data-past]:not([data-open],[data-dragging]){--_tint: 7%;--_tint-hover: 13%;--_edge: 20%;--_tint-dark: 12%;--_tint-hover-dark: 19%;--_edge-dark: 26%;--_ink-mix: 30%}[data-ui-event-calendar] [data-part-day-events]>[data-part-event][data-past]:not([data-bar]):before{opacity:.55}[data-ui-event-calendar] [data-part-day-events]>[data-part-event][data-past]:not([data-bar]){color:var(--slotted-text-muted, #5b6b7f)}[data-ui-event-calendar] [data-part-list-events] [data-part-event][data-past]:before{opacity:.55}[data-ui-event-calendar] [data-part-list-events] [data-part-event][data-past]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui-event-calendar] [data-part-event][data-bar]{block-size:var(--_event-size);inline-size:calc(var(--slotted-event-span, 1) * (100% + 2 * var(--_pad, 0px) + var(--_rule-width)) - 2 * var(--_pad, 0px) - var(--_rule-width));inset-block-start:0;inset-inline-start:0;position:absolute;z-index:1}[data-ui-event-calendar] [data-part-event][data-bar][data-continues-before]{border-end-start-radius:0;border-start-start-radius:0;padding-inline-start:var(--slotted-space-1, .125rem)}[data-ui-event-calendar] [data-part-event][data-bar][data-continues-after]{border-end-end-radius:0;border-start-end-radius:0;padding-inline-end:var(--slotted-space-1, .125rem)}[data-ui-event-calendar] [data-part-event][data-bar]>[data-ui-icon][data-edge]{color:color-mix(in oklab,var(--_hue) 70%,var(--slotted-text, #0f172a))}[data-ui-event-calendar] [data-part-event][data-bar]>[data-ui-icon][data-edge=start]{rotate:180deg}[data-ui-event-calendar] [data-part-event][data-bar]>[data-ui-icon][data-edge=end]{margin-inline-start:auto}[data-ui-event-calendar]:dir(rtl) [data-part-event][data-bar]>[data-ui-icon][data-edge=start]{rotate:0deg}[data-ui-event-calendar]:dir(rtl) [data-part-event][data-bar]>[data-ui-icon][data-edge=end]{rotate:180deg}[data-ui-event-calendar] [data-part-event][data-status=tentative][data-bar]:not([data-open],[data-dragging]),[data-ui-event-calendar] [data-part-column]>[data-part-event][data-status=tentative]:not([data-open],[data-dragging]){--_tint: 0%;--_tint-hover: 7%;--_tint-active: 12%;--_tint-dark: 0%;--_tint-hover-dark: 12%;--_tint-active-dark: 18%;border-color:var(--_hue);border-style:dashed}[data-ui-event-calendar] [data-part-event][data-status=cancelled]{color:var(--slotted-text-muted, #5b6b7f)}[data-ui-event-calendar] [data-part-event][data-status=cancelled] [data-part-event-title]{text-decoration:line-through}[data-ui-event-calendar] [data-part-event][data-editable]{cursor:grab;touch-action:none}[data-ui-event-calendar] [data-part-event][data-dragging]{box-shadow:var(--slotted-shadow-md, none);cursor:grabbing;pointer-events:none;z-index:5}[data-ui-event-calendar] [data-part-resize-handle]{display:flex;inset-block-end:0;inset-inline:0;align-items:center;block-size:var(--slotted-space-4, .5rem);cursor:ns-resize;justify-content:center;position:absolute;touch-action:none;z-index:1}[data-ui-event-calendar] [data-part-event][data-bar]>[data-part-resize-handle]{block-size:auto;cursor:ew-resize;inline-size:var(--slotted-space-4, .5rem);inset-block:0;inset-inline:auto 0}[data-ui-event-calendar] [data-part-resize-handle]:before{background-color:var(--_ink, var(--_hue));block-size:var(--slotted-border-width-thick, 2px);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--slotted-space-6, 1rem);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-event-calendar] [data-part-event][data-bar]>[data-part-resize-handle]:before{block-size:var(--slotted-space-4, .5rem);inline-size:var(--slotted-border-width-thick, 2px)}[data-ui-event-calendar] [data-part-event]:hover:not([data-disabled])>[data-part-resize-handle]:before,[data-ui-event-calendar] [data-part-event]:focus-visible>[data-part-resize-handle]:before,[data-ui-event-calendar] [data-part-event][data-dragging]>[data-part-resize-handle]:before{opacity:1;transition-timing-function:var(--slotted-easing-enter)}[data-ui-event-calendar] [data-part-more]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_event-size);border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--_event-radius);color:var(--slotted-text-muted, #5b6b7f);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--_event-font-size);font-weight:var(--slotted-font-weight-medium, 500);gap:.3em;max-inline-size:100%;overflow:hidden;padding-block:0;padding-inline:var(--slotted-space-2, .25rem);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);white-space:nowrap}[data-ui-event-calendar] [data-part-more]:hover:not([data-disabled]),[data-ui-event-calendar] [data-part-more][aria-expanded=true]{background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5);color:var(--slotted-text, #0f172a)}[data-ui-event-calendar] [data-part-more]:active:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}@container slotted-event-calendar-day (max-width: 7.5rem){[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar])>[data-part-event-time]{display:none}}@container slotted-event-calendar-event (max-width: 4.5rem){[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-time],[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-location]{display:none}[data-ui-event-calendar] [data-part-column]>[data-part-event]{padding-inline:var(--slotted-space-2, .25rem)}}@container slotted-event-calendar-event (max-width: 2rem){[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-title]{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}}@container slotted-event-calendar-event (max-width: 4.5rem){[data-ui-event-calendar] [data-part-column]>[data-part-more]>span{display:none}}[data-ui-event-calendar] [data-part-time-grid]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0}[data-ui-event-calendar] [data-part-time-head]{border-block-end:var(--_rule-width) solid var(--_rule);overflow:hidden;scrollbar-gutter:stable}[data-ui-event-calendar] [data-part-columns],[data-ui-event-calendar] [data-part-all-day-row],[data-ui-event-calendar] [data-part-time-row]{display:grid;grid-template-columns:var(--_gutter) repeat(var(--slotted-event-calendar-days, 7),minmax(0,1fr))}[data-ui-event-calendar] [data-part-columns]{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-event-calendar] [data-part-zone]{align-self:end;color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;line-height:var(--_line-xs);overflow:hidden;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);text-align:end;text-overflow:ellipsis;white-space:nowrap}[data-ui-event-calendar] [data-part-column-header]{align-items:center;border-inline-start:var(--_rule-width) solid var(--_rule);display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--_air)}[data-ui-event-calendar] [data-part-column-header] [data-part-weekday]{max-inline-size:100%;padding:0}[data-ui-event-calendar] [data-part-column-header][data-today] [data-part-weekday]{color:var(--slotted-tone-accent-text, #1d4ed8)}[data-ui-event-calendar] [data-part-column-header] [data-part-day-number]{block-size:var(--slotted-control-inner-size-lg, 28px);font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:var(--slotted-control-inner-size-lg, 28px)}[data-ui-event-calendar] [data-part-column-header] [data-part-day-content],[data-ui-event-calendar] [data-part-offset-change]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_line-xs);max-inline-size:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}[data-ui-event-calendar] [data-part-all-day-label]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);hyphens:auto;line-height:var(--_line-xs);overflow-wrap:break-word;padding-block:calc(var(--_air) + (var(--_event-size) - 1lh) / 2);padding-inline:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);text-align:end}[data-ui-event-calendar] [data-part-all-day-cell]{--_pad: var(--_air);border-inline-start:var(--_rule-width) solid var(--_rule);min-inline-size:0;padding:var(--_pad);position:relative}[data-ui-event-calendar] [data-part-scroller]{flex:1 1 40rem;max-block-size:max-content;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}[data-ui-event-calendar] [data-part-gutter]{display:flex;flex-direction:column;min-inline-size:0}[data-ui-event-calendar] [data-part-hour]{block-size:var(--_hour);color:var(--slotted-text-muted, #5b6b7f);flex:0 0 auto;font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;line-height:var(--_line-xs);overflow:hidden;padding-inline-end:var(--slotted-space-3, .375rem);text-align:end;text-overflow:ellipsis;translate:0 calc(var(--_line-xs) / -2);white-space:nowrap}[data-ui-event-calendar] [data-part-hour]:nth-child(1 of[data-part-hour]){visibility:hidden}[data-ui-event-calendar] [data-part-column]{background-image:linear-gradient(to bottom,var(--_rule) var(--_rule-width),transparent var(--_rule-width)),linear-gradient(to bottom,color-mix(in oklab,var(--_rule) 45%,transparent) var(--_rule-width),transparent var(--_rule-width));background-size:100% var(--_hour),100% calc(var(--_hour) * var(--slotted-event-calendar-slot, 30) / 60);border-inline-start:var(--_rule-width) solid var(--_rule);min-inline-size:0;position:relative}[data-ui-event-calendar] [data-part-column][data-today]{background-color:color-mix(in oklab,var(--slotted-tone-accent-surface, #eff6ff) 50%,transparent)}[data-ui-event-calendar] [data-part-column]>[data-part-event],[data-ui-event-calendar] [data-part-column]>[data-part-more],[data-ui-event-calendar] [data-part-column]>[data-part-selection]{--_room: calc(100% - var(--slotted-space-5, .75rem));--_share: calc(var(--_room) / var(--slotted-event-columns, 1));block-size:max(calc(var(--slotted-event-length, 30) * var(--_hour) / 60 - var(--_air)),var(--_event-size));inline-size:calc(var(--_share) * var(--slotted-event-span, 1) - var(--_air));inset-block-start:calc(var(--slotted-event-start, 0) * var(--_hour) / 60 + var(--_air) / 2);inset-inline-start:calc(var(--_share) * var(--slotted-event-column, 0) + var(--_air));position:absolute}[data-ui-event-calendar] [data-part-column]>[data-part-event]{align-content:start;align-items:start;container:slotted-event-calendar-event / inline-size;flex-direction:column;gap:0;padding-block:var(--slotted-space-1, .125rem);z-index:1}[data-ui-event-calendar] [data-part-column]>[data-part-event]>*{flex-shrink:0}[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-title]{max-inline-size:100%;order:-1}[data-ui-event-calendar] [data-part-column]>[data-part-event]:not([data-short])>[data-part-event-title]{-webkit-box-orient:vertical;display:-webkit-box;hyphens:auto;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:break-word;white-space:normal}[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-location],[data-ui-event-calendar] [data-part-column]>[data-part-event]>[data-part-event-time]{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}[data-ui-event-calendar] [data-part-column]>[data-part-event][data-short]{align-items:center;flex-direction:row;gap:var(--slotted-space-2, .25rem);padding-block:0}[data-ui-event-calendar] [data-part-column]>[data-part-event][data-short]>[data-part-event-title]{flex:0 0 auto;max-inline-size:100%}[data-ui-event-calendar] [data-part-column]>[data-part-event][data-short]>[data-part-event-time]{flex:1 1 0;min-inline-size:0}[data-ui-event-calendar] [data-part-column]>[data-part-event][data-clipped-start],[data-ui-event-calendar] [data-part-column]>[data-part-event][data-continues-before]{border-block-start-style:dashed;border-start-end-radius:0;border-start-start-radius:0}[data-ui-event-calendar] [data-part-column]>[data-part-event][data-clipped-end],[data-ui-event-calendar] [data-part-column]>[data-part-event][data-continues-after]{border-block-end-style:dashed;border-end-end-radius:0;border-end-start-radius:0}[data-ui-event-calendar] [data-part-column]>[data-part-more]{align-items:start;container:slotted-event-calendar-event / inline-size;background-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 9%,var(--_base));border-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 24%,var(--_base));padding-block:var(--slotted-space-1, .125rem);z-index:1}[data-ui-event-calendar] [data-part-column]>[data-part-more]:hover:not([data-disabled]),[data-ui-event-calendar] [data-part-column]>[data-part-more][aria-expanded=true]{background-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 15%,var(--_base))}[data-ui-event-calendar] [data-part-column]>[data-part-more]:active:not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text-muted, #5b6b7f) 21%,var(--_base))}[data-ui-event-calendar] [data-part-column]>[data-part-more][data-overlay]{align-items:center;background-color:var(--_base);block-size:auto;border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm, none);container-type:normal;inline-size:auto;inset-block-start:calc((var(--slotted-event-start, 0) + var(--slotted-event-length, 30)) * var(--_hour) / 60 - var(--_air));inset-inline:auto var(--slotted-space-4, .5rem);line-height:var(--_line-xs);translate:0 -100%;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);z-index:3}[data-ui-event-calendar] [data-part-column]>[data-part-more][data-overlay]>span{display:none}[data-ui-event-calendar] [data-part-column]>[data-part-selection]{background-color:var( --slotted-event-calendar-selection-background, var(--slotted-tone-accent-surface, #eff6ff) );border:var(--slotted-border-width-thin, 1px) solid var( --slotted-event-calendar-selection-border-color, var(--slotted-tone-accent-border, #2563eb) );border-radius:var(--_event-radius);color:var(--slotted-tone-accent-text, #1d4ed8);font-size:var(--_event-font-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);inline-size:calc(var(--_room) - var(--_air));inset-inline-start:var(--_air);line-height:var(--_line-xs);overflow:hidden;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-3, .375rem);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;z-index:2}[data-ui-event-calendar] [data-part-off-hours]{background-color:var(--slotted-event-calendar-off-background, var(--_off));block-size:calc(var(--slotted-event-length, 0) * var(--_hour) / 60);inset-block-start:calc(var(--slotted-event-start, 0) * var(--_hour) / 60);inset-inline:0;pointer-events:none;position:absolute}[data-ui-event-calendar] [data-part-now],[data-ui-event-calendar] [data-part-offset-line]{inset-block-start:calc(var(--slotted-event-start, 0) * var(--_hour) / 60);inset-inline:0;pointer-events:none;position:absolute}[data-ui-event-calendar] [data-part-now]{border-block-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-event-calendar-now-color, var(--slotted-tone-accent-solid, #2563eb));translate:0 -50%;z-index:2}[data-ui-event-calendar] [data-part-now]:before{background-color:var( --slotted-event-calendar-now-color, var(--slotted-tone-accent-solid, #2563eb) );block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--slotted-space-4, .5rem);inset-block-start:calc(var(--slotted-space-4, .5rem) / -2 - var(--slotted-border-width-thick, 2px) / 2);inset-inline-start:calc(var(--slotted-space-4, .5rem) / -2);position:absolute}[data-ui-event-calendar] [data-part-offset-line]{border-block-start:var(--slotted-border-width-thin, 1px) dashed var(--slotted-border-strong, #78899c);z-index:1}[data-ui-event-calendar]>[data-part-body]>[data-part-list]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-direction:column}[data-ui-event-calendar] [data-part-list-day]{border-block-end:var(--_rule-width) solid var(--_rule);column-gap:var(--slotted-space-6, 1rem);display:grid;grid-template-columns:calc(var(--slotted-space-12, 4rem) * 2) minmax(0,1fr);padding-block:var(--slotted-space-4, .5rem)}[data-ui-event-calendar] [data-part-list-day-heading]{display:flex;flex-direction:column;margin:0;padding-block:var(--slotted-space-3, .375rem)}[data-ui-event-calendar] [data-part-list-weekday]{color:var(--slotted-text-muted, #5b6b7f);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_line-xs)}[data-ui-event-calendar] [data-part-list-date]{font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_line-sm)}[data-ui-event-calendar] [data-part-list-day][data-today] [data-part-list-day-heading],[data-ui-event-calendar] [data-part-list-day][data-today] [data-part-list-weekday]{color:var(--slotted-tone-accent-text, #1d4ed8)}[data-ui-event-calendar] [data-part-list-events]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;padding:0}[data-ui-event-calendar] [data-part-list-events] [data-part-event]{align-items:start;column-gap:var(--slotted-space-4, .5rem);display:grid;font-size:var(--slotted-font-size-sm, .8125rem);grid-template-columns:calc(var(--slotted-space-12, 4rem) * 2.5) auto minmax(0,1fr);inline-size:100%;line-height:var(--_line-sm);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-3, .375rem)}[data-ui-event-calendar] [data-part-list-events] [data-part-event]:before{grid-column:2;grid-row:1;margin-block-start:calc((1lh - var(--slotted-space-4, .5rem)) / 2)}[data-ui-event-calendar] [data-part-list-events] [data-part-event-time]{grid-column:1;grid-row:1;white-space:normal}[data-ui-event-calendar] [data-part-list-events] [data-part-event-title]{grid-column:3;grid-row:1;overflow-wrap:break-word;white-space:normal}[data-ui-event-calendar] [data-part-list-events] [data-part-event-location]{font-size:var(--slotted-font-size-xs, .75rem);grid-column:3;line-height:var(--_line-xs);grid-row:2;overflow-wrap:break-word;white-space:normal}[data-ui-event-calendar] [data-part-list-events] [data-part-event]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover, #eef1f5)}[data-ui-event-calendar] [data-part-list-events] [data-part-event]:active:not([data-disabled],[data-open],[data-context]){background-color:var(--slotted-tone-secondary-subtle-active, #e2e8f0);transition-duration:var(--slotted-duration-instant)}[data-ui-event-calendar] [data-part-list-events] [data-part-event][data-open],[data-ui-event-calendar] [data-part-list-events] [data-part-event][data-context]{background-color:light-dark(color-mix(in oklab,var(--_hue) var(--_tint),var(--_base)),color-mix(in oklab,var(--_hue) var(--_tint-dark),var(--_base)))}[data-ui-event-calendar] [data-part-list-events] [data-part-event][data-status=tentative]:before{background-color:transparent;border:var(--slotted-border-width-medium, 1.5px) solid var(--_hue)}[data-ui-event-calendar] [data-part-detail-day],[data-ui-event-calendar] [data-part-detail-range]{display:inline-block}[data-ui-event-calendar] [data-ui-popover]>[data-part-content]>[data-part-body],[data-ui-event-calendar] [data-ui-drawer] [data-part-panel]>[data-part-body]{display:grid;gap:var(--slotted-space-5, .75rem)}[data-ui-event-calendar] [data-part-list-events][data-layout=stacked] [data-part-event]{grid-template-columns:auto minmax(0,1fr)}[data-ui-event-calendar] [data-part-list-events][data-layout=stacked] [data-part-event]:before{grid-column:1}[data-ui-event-calendar] [data-part-list-events][data-layout=stacked] [data-part-event-title]{grid-column:2;grid-row:1}[data-ui-event-calendar] [data-part-list-events][data-layout=stacked] [data-part-event-time]{font-size:var(--slotted-font-size-xs, .75rem);grid-column:2;grid-row:2;line-height:var(--_line-xs)}[data-ui-event-calendar] [data-part-list-events][data-layout=stacked] [data-part-event-location]{grid-column:2;grid-row:3}[data-ui-event-calendar] [data-part-empty]{align-items:center;color:var(--slotted-text-muted, #5b6b7f);display:flex;flex-direction:column;gap:var(--slotted-space-5, .75rem);padding-block:var(--slotted-space-10, 2.5rem);padding-inline:var(--slotted-space-6, 1rem);text-align:center}@container slotted-event-calendar (max-width: 959px){[data-ui-event-calendar]>[data-part-header]{grid-template-areas:\"title title navigation navigation\" \"views . filter actions\";grid-template-columns:auto minmax(0,1fr) auto auto}[data-ui-event-calendar] [data-part-navigation]{justify-self:end}[data-ui-event-calendar] [data-part-views]{margin-inline-start:0}}@container slotted-event-calendar (max-width: 599px){[data-ui-event-calendar][data-part-root]{--_gutter: calc(var(--slotted-space-10, 2.5rem) + var(--slotted-space-2, .25rem))}[data-ui-event-calendar] [data-part-list-day]{grid-template-columns:minmax(0,1fr);row-gap:var(--slotted-space-1, .125rem)}[data-ui-event-calendar] [data-part-list-day-heading]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);flex-direction:row;flex-wrap:wrap}[data-ui-event-calendar] [data-part-list-events] [data-part-event]{grid-template-columns:auto minmax(0,1fr)}[data-ui-event-calendar] [data-part-list-events] [data-part-event]:before{grid-column:1}[data-ui-event-calendar] [data-part-list-events] [data-part-event-title]{grid-column:2;grid-row:1}[data-ui-event-calendar] [data-part-list-events] [data-part-event-time]{font-size:var(--slotted-font-size-xs, .75rem);grid-column:2;grid-row:2;line-height:var(--_line-xs)}[data-ui-event-calendar] [data-part-list-events] [data-part-event-location]{grid-column:2;grid-row:3}[data-ui-event-calendar] [data-part-month] [data-part-day]{--_event-size: var(--slotted-space-3, .375rem);--_air: var(--slotted-space-1, .125rem)}[data-ui-event-calendar] [data-part-month] [data-part-day-header]{margin-block-end:var(--slotted-space-2, .25rem)}[data-ui-event-calendar] [data-part-month] [data-part-day-number]{block-size:var(--slotted-control-inner-size-sm, 22px);min-inline-size:var(--slotted-control-inner-size-sm, 22px)}[data-ui-event-calendar] [data-part-month] [data-part-day-number]:after{content:\"\";inset:0;position:absolute}[data-ui-event-calendar] [data-part-month] [data-part-event]{padding:0;pointer-events:none}[data-ui-event-calendar] [data-part-column]>[data-part-event]{background-color:light-dark(color-mix(in oklab,var(--_hue) var(--_tint-active),var(--_base)),color-mix(in oklab,var(--_hue) var(--_tint-active-dark),var(--_base)));border-color:var(--_hue);padding:0}[data-ui-event-calendar] [data-part-column]>[data-part-more]{justify-content:center;padding-inline:0}[data-ui-event-calendar] [data-part-month] [data-part-event][data-bar]{background-color:var(--_hue);border-color:var(--_hue);border-radius:var(--slotted-radius-full, 9999px)}[data-ui-event-calendar] [data-part-month] [data-part-event]:not([data-bar]){inline-size:var(--slotted-space-4, .5rem)}[data-ui-event-calendar] [data-part-month] [data-part-event]:before{block-size:var(--slotted-space-3, .375rem);inline-size:var(--slotted-space-3, .375rem)}[data-ui-event-calendar] [data-part-month] [data-part-event][data-bar]:before,[data-ui-event-calendar] [data-part-month] [data-part-event][data-bar]:after{display:none}[data-ui-event-calendar] [data-part-month] [data-part-event]>*,[data-ui-event-calendar] [data-part-column]>[data-part-event]>*,[data-ui-event-calendar] [data-part-month] [data-part-day-content],[data-ui-event-calendar] [data-part-month] [data-part-more]>*,[data-ui-event-calendar] [data-part-column-header] [data-part-day-content],[data-ui-event-calendar] [data-part-offset-change]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui-event-calendar] [data-part-month] [data-part-more]{block-size:auto;font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_line-xs);padding:0;pointer-events:none}[data-ui-event-calendar] [data-part-month] [data-part-day-events]{grid-template-rows:repeat(var(--slotted-event-calendar-lanes, 3),var(--_event-size)) auto}[data-ui-event-calendar] [data-part-column-header] [data-part-day-number]{block-size:var(--slotted-control-inner-size-md, 24px);font-size:var(--slotted-font-size-md, .875rem);min-inline-size:var(--slotted-control-inner-size-md, 24px)}[data-ui-event-calendar] [data-part-column]>[data-part-event],[data-ui-event-calendar] [data-part-column]>[data-part-more]{--_room: 100%}}@container slotted-event-calendar (max-width: 479px){[data-ui-event-calendar]>[data-part-header]{grid-template-areas:\"title title title title\" \"navigation . filter actions\" \"views views views views\";grid-template-columns:auto minmax(0,1fr) auto auto}[data-ui-event-calendar] [data-part-navigation]{justify-self:start;margin-inline-start:0}[data-ui-event-calendar] [data-part-views]>*{flex:1 1 auto;min-inline-size:0}[data-ui-event-calendar] [data-part-filter]{inline-size:var(--slotted-control-height-md, 34px);padding-inline:0}[data-ui-event-calendar] [data-part-filter]>[data-ui-icon]:last-child{display:none}[data-ui-event-calendar] [data-part-filter]>:not([data-ui-icon]){block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}}@media(forced-colors:active){[data-ui-event-calendar] [data-part-event]:before,[data-ui-event-calendar] [data-part-now]:before{forced-color-adjust:none}[data-ui-event-calendar] [data-part-event][data-bar],[data-ui-event-calendar] [data-part-column]>[data-part-event]{border-color:currentcolor}[data-ui-event-calendar] [data-part-day-events]>[data-part-event]:not([data-bar]),[data-ui-event-calendar] [data-part-list-events] [data-part-event]{border-color:Canvas}[data-ui-event-calendar] [data-today]>[data-part-day-header] [data-part-day-number],[data-ui-event-calendar] [data-part-column-header][data-today] [data-part-day-number]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
3094
|
+
}], ctorParameters: () => [], propDecorators: { events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], calendars: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendars", required: false }] }], views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }, { type: i0.Output, args: ["dateChange"] }], defaultDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultDate", required: false }] }], now: [{ type: i0.Input, args: [{ isSignal: true, alias: "now", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }, { type: i0.Output, args: ["viewChange"] }], defaultView: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultView", required: false }] }], visibleCalendars: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleCalendars", required: false }] }, { type: i0.Output, args: ["visibleCalendarsChange"] }], defaultVisibleCalendars: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultVisibleCalendars", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], defaultSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultSelection", required: false }] }], openEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "openEvent", required: false }] }, { type: i0.Output, args: ["openEventChange"] }], defaultOpenEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpenEvent", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], workingHours: [{ type: i0.Input, args: [{ isSignal: true, alias: "workingHours", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], dayHours: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayHours", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], fixedWeeks: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixedWeeks", required: false }] }], hourCycle: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourCycle", required: false }] }], listRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "listRange", required: false }] }], loadingDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingDelay", required: false }] }], loadingMinDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingMinDuration", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], maxColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxColumns", required: false }] }], maxEvents: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxEvents", required: false }] }], scrollTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollTime", required: false }] }], slotDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "slotDuration", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], weekends: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekends", required: false }] }], weekNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekNumbers", required: false }] }], dateRequest: [{ type: i0.Output, args: ["dateRequest"] }], viewRequest: [{ type: i0.Output, args: ["viewRequest"] }], visibleCalendarsRequest: [{ type: i0.Output, args: ["visibleCalendarsRequest"] }], selectionRequest: [{ type: i0.Output, args: ["selectionRequest"] }], openEventRequest: [{ type: i0.Output, args: ["openEventRequest"] }], eventChangeRequest: [{ type: i0.Output, args: ["eventChangeRequest"] }], canDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "canDrop", required: false }] }], rangeChange: [{ type: i0.Output, args: ["rangeChange"] }], eventContentTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarEvent), { isSignal: true }] }], detail: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarDetail), { isSignal: true }] }], dayContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarDayContent), { isSignal: true }] }], actions: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarActions), { isSignal: true }] }], empty: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarEmpty), { isSignal: true }] }], errorContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarError), { isSignal: true }] }], body: [{ type: i0.ViewChild, args: ['body', { ...{ read: ElementRef }, isSignal: true }] }], scroller: [{ type: i0.ViewChild, args: ['scroller', { isSignal: true }] }], filterButton: [{ type: i0.ViewChild, args: ['filterButton', { isSignal: true }] }], morePopover: [{ type: i0.ViewChild, args: ['morePopover', { isSignal: true }] }], detailPopover: [{ type: i0.ViewChild, args: ['detailPopover', { isSignal: true }] }], contextMenu: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlEventCalendarContextMenu), { isSignal: true }] }], contextMenuRef: [{ type: i0.ViewChild, args: ['contextMenuRef', { isSignal: true }] }] } });
|
|
2928
3095
|
|
|
2929
3096
|
/**
|
|
2930
3097
|
* Generated bundle index. Do not edit.
|