@slotted/angular 0.1.0-beta.8 → 0.1.0-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/code-block.json +92 -92
- package/docs/code-block.md +69 -69
- package/docs/currency-field.json +7 -0
- package/docs/currency-field.md +1 -0
- package/docs/data-grid.examples.md +1 -1
- package/docs/data-grid.json +21 -4
- package/docs/data-grid.md +1 -1
- package/docs/data-grid.props.md +5 -3
- package/docs/dialog.examples.md +138 -136
- package/docs/dialog.json +8 -8
- package/docs/filter-bar.json +118 -118
- package/docs/filter-bar.md +79 -79
- package/docs/guidelines/async-feedback.md +10 -0
- package/docs/guidelines/composition.md +11 -7
- package/docs/guidelines/index.md +6 -1
- package/docs/guidelines/list-pages.md +30 -0
- package/docs/guidelines/overviews.md +10 -0
- package/docs/markdown.json +79 -79
- package/docs/markdown.md +65 -65
- package/docs/page-header.json +1 -1
- package/docs/skills/compose-screen/SKILL.md +22 -10
- package/docs/skills/review-screen/SKILL.md +6 -0
- package/docs/skills/waiting-states/SKILL.md +4 -1
- package/docs/tags-input.json +28 -2
- package/docs/tags-input.md +4 -1
- package/docs/timeline.json +131 -131
- package/docs/timeline.md +123 -123
- package/fesm2022/slotted-angular-accordion.mjs +4 -2
- package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-bar.mjs +21 -10
- package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
- package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
- package/fesm2022/slotted-angular-alert.mjs +17 -11
- package/fesm2022/slotted-angular-alert.mjs.map +1 -1
- package/fesm2022/slotted-angular-app-shell.mjs +52 -40
- package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
- package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
- package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
- package/fesm2022/slotted-angular-attachment.mjs +31 -20
- package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
- package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
- package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-avatar.mjs +9 -6
- package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
- package/fesm2022/slotted-angular-badge.mjs +14 -10
- package/fesm2022/slotted-angular-badge.mjs.map +1 -1
- package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
- package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
- package/fesm2022/slotted-angular-button-group.mjs +7 -4
- package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-button.mjs +53 -25
- package/fesm2022/slotted-angular-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-calendar.mjs +68 -26
- package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-card.mjs +18 -16
- package/fesm2022/slotted-angular-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-carousel.mjs +22 -11
- package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
- package/fesm2022/slotted-angular-cascader.mjs +158 -64
- package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
- package/fesm2022/slotted-angular-chart.mjs +4 -2
- package/fesm2022/slotted-angular-chart.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
- package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox.mjs +13 -8
- package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-code-block.mjs +29 -15
- package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
- package/fesm2022/slotted-angular-collapsible.mjs +20 -15
- package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
- package/fesm2022/slotted-angular-color-picker.mjs +77 -22
- package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-column-manager.mjs +68 -31
- package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
- package/fesm2022/slotted-angular-combobox.mjs +77 -31
- package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
- package/fesm2022/slotted-angular-command-palette.mjs +128 -51
- package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
- package/fesm2022/slotted-angular-container.mjs +6 -4
- package/fesm2022/slotted-angular-container.mjs.map +1 -1
- package/fesm2022/slotted-angular-context-menu.mjs +5 -4
- package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-currency-field.mjs +98 -32
- package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-dashboard-grid.mjs +127 -44
- package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-grid.mjs +309 -104
- package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-list.mjs +83 -50
- package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-field.mjs +38 -12
- package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-picker.mjs +19 -9
- package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-range-picker.mjs +41 -16
- package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-field.mjs +46 -14
- package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-picker.mjs +37 -23
- package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-range-picker.mjs +111 -42
- package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-description-list.mjs +33 -19
- package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
- package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
- package/fesm2022/slotted-angular-dialog.mjs +39 -28
- package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
- package/fesm2022/slotted-angular-divider.mjs +7 -5
- package/fesm2022/slotted-angular-divider.mjs.map +1 -1
- package/fesm2022/slotted-angular-drawer.mjs +32 -24
- package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
- package/fesm2022/slotted-angular-entity-picker.mjs +195 -67
- package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-event-calendar.mjs +259 -102
- package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-field-group.mjs +14 -7
- package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-field.mjs +35 -15
- package/fesm2022/slotted-angular-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-filter-bar.mjs +104 -43
- package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-form.mjs +18 -10
- package/fesm2022/slotted-angular-form.mjs.map +1 -1
- package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
- package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
- package/fesm2022/slotted-angular-grid.mjs +4 -2
- package/fesm2022/slotted-angular-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-highlight.mjs +5 -3
- package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
- package/fesm2022/slotted-angular-hover-card.mjs +5 -4
- package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-icon.mjs +6 -3
- package/fesm2022/slotted-angular-icon.mjs.map +1 -1
- package/fesm2022/slotted-angular-image.mjs +13 -10
- package/fesm2022/slotted-angular-image.mjs.map +1 -1
- package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
- package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline-message.mjs +10 -8
- package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline.mjs +4 -2
- package/fesm2022/slotted-angular-inline.mjs.map +1 -1
- package/fesm2022/slotted-angular-kbd.mjs +11 -7
- package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
- package/fesm2022/slotted-angular-link.mjs +5 -3
- package/fesm2022/slotted-angular-link.mjs.map +1 -1
- package/fesm2022/slotted-angular-list-item.mjs +21 -18
- package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
- package/fesm2022/slotted-angular-list.mjs +14 -10
- package/fesm2022/slotted-angular-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-listbox.mjs +39 -21
- package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
- package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
- package/fesm2022/slotted-angular-markdown.mjs +31 -19
- package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
- package/fesm2022/slotted-angular-menu.mjs +41 -27
- package/fesm2022/slotted-angular-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-menubar.mjs +4 -2
- package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
- package/fesm2022/slotted-angular-message-scroller.mjs +28 -15
- package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
- package/fesm2022/slotted-angular-message.mjs +113 -51
- package/fesm2022/slotted-angular-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-multi-select.mjs +133 -57
- package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
- package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-notification-center.mjs +107 -65
- package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-number-field.mjs +23 -11
- package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-otp-input.mjs +13 -8
- package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-page-header.mjs +72 -42
- package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
- package/fesm2022/slotted-angular-page.mjs +18 -9
- package/fesm2022/slotted-angular-page.mjs.map +1 -1
- package/fesm2022/slotted-angular-pagination.mjs +35 -22
- package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
- package/fesm2022/slotted-angular-popover.mjs +25 -18
- package/fesm2022/slotted-angular-popover.mjs.map +1 -1
- package/fesm2022/slotted-angular-progress-indicator.mjs +122 -30
- package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-prompt-composer.mjs +24 -18
- package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
- package/fesm2022/slotted-angular-prose.mjs +14 -11
- package/fesm2022/slotted-angular-prose.mjs.map +1 -1
- package/fesm2022/slotted-angular-radio-group.mjs +15 -9
- package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-rating.mjs +138 -82
- package/fesm2022/slotted-angular-rating.mjs.map +1 -1
- package/fesm2022/slotted-angular-result-state.mjs +16 -12
- package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
- package/fesm2022/slotted-angular-saved-views.mjs +43 -16
- package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
- package/fesm2022/slotted-angular-scroll-area.mjs +9 -5
- package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
- package/fesm2022/slotted-angular-section.mjs +34 -15
- package/fesm2022/slotted-angular-section.mjs.map +1 -1
- package/fesm2022/slotted-angular-segmented-control.mjs +15 -9
- package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
- package/fesm2022/slotted-angular-select.mjs +135 -53
- package/fesm2022/slotted-angular-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
- package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
- package/fesm2022/slotted-angular-skeleton.mjs +32 -16
- package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
- package/fesm2022/slotted-angular-slider.mjs +31 -11
- package/fesm2022/slotted-angular-slider.mjs.map +1 -1
- package/fesm2022/slotted-angular-sparkline.mjs +29 -13
- package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
- package/fesm2022/slotted-angular-split-button.mjs +25 -11
- package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-splitter.mjs +11 -9
- package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
- package/fesm2022/slotted-angular-stack.mjs +4 -2
- package/fesm2022/slotted-angular-stack.mjs.map +1 -1
- package/fesm2022/slotted-angular-stat-card.mjs +35 -28
- package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
- package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-stepper.mjs +40 -15
- package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
- package/fesm2022/slotted-angular-switch.mjs +15 -10
- package/fesm2022/slotted-angular-switch.mjs.map +1 -1
- package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
- package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
- package/fesm2022/slotted-angular-table.mjs +135 -72
- package/fesm2022/slotted-angular-table.mjs.map +1 -1
- package/fesm2022/slotted-angular-tabs.mjs +31 -14
- package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
- package/fesm2022/slotted-angular-tag.mjs +19 -12
- package/fesm2022/slotted-angular-tag.mjs.map +1 -1
- package/fesm2022/slotted-angular-tags-input.mjs +253 -28
- package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-text-field.mjs +49 -15
- package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-textarea.mjs +5 -3
- package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-field.mjs +46 -12
- package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-picker.mjs +28 -14
- package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-range-picker.mjs +109 -40
- package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-timeline.mjs +135 -64
- package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
- package/fesm2022/slotted-angular-toast.mjs +42 -31
- package/fesm2022/slotted-angular-toast.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle-group.mjs +10 -6
- package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle.mjs +9 -4
- package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
- package/fesm2022/slotted-angular-toolbar.mjs +21 -10
- package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
- package/fesm2022/slotted-angular-tooltip.mjs +8 -5
- package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
- package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
- package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
- package/fesm2022/slotted-angular-tour.mjs +46 -21
- package/fesm2022/slotted-angular-tour.mjs.map +1 -1
- package/fesm2022/slotted-angular-transfer.mjs +69 -30
- package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
- package/fesm2022/slotted-angular-tree.mjs +74 -26
- package/fesm2022/slotted-angular-tree.mjs.map +1 -1
- package/fesm2022/slotted-angular-typography.mjs +8 -4
- package/fesm2022/slotted-angular-typography.mjs.map +1 -1
- package/fesm2022/slotted-angular-upload.mjs +125 -57
- package/fesm2022/slotted-angular-upload.mjs.map +1 -1
- package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
- package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
- package/fesm2022/slotted-angular-wizard.mjs +163 -65
- package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
- package/package.json +3 -3
- package/types/slotted-angular-accordion.d.ts.map +1 -1
- package/types/slotted-angular-action-bar.d.ts.map +1 -1
- package/types/slotted-angular-action-sheet.d.ts.map +1 -1
- package/types/slotted-angular-alert.d.ts +1 -1
- package/types/slotted-angular-alert.d.ts.map +1 -1
- package/types/slotted-angular-app-shell.d.ts.map +1 -1
- package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
- package/types/slotted-angular-attachment.d.ts +1 -1
- package/types/slotted-angular-attachment.d.ts.map +1 -1
- package/types/slotted-angular-avatar-group.d.ts.map +1 -1
- package/types/slotted-angular-avatar.d.ts.map +1 -1
- package/types/slotted-angular-badge.d.ts.map +1 -1
- package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
- package/types/slotted-angular-button-group.d.ts.map +1 -1
- package/types/slotted-angular-button.d.ts.map +1 -1
- package/types/slotted-angular-calendar.d.ts.map +1 -1
- package/types/slotted-angular-card.d.ts.map +1 -1
- package/types/slotted-angular-carousel.d.ts.map +1 -1
- package/types/slotted-angular-cascader.d.ts.map +1 -1
- package/types/slotted-angular-chart.d.ts.map +1 -1
- package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
- package/types/slotted-angular-checkbox.d.ts.map +1 -1
- package/types/slotted-angular-code-block.d.ts +1 -1
- package/types/slotted-angular-code-block.d.ts.map +1 -1
- package/types/slotted-angular-collapsible.d.ts +1 -1
- package/types/slotted-angular-collapsible.d.ts.map +1 -1
- package/types/slotted-angular-color-picker.d.ts.map +1 -1
- package/types/slotted-angular-column-manager.d.ts.map +1 -1
- package/types/slotted-angular-combobox.d.ts +1 -1
- package/types/slotted-angular-combobox.d.ts.map +1 -1
- package/types/slotted-angular-command-palette.d.ts.map +1 -1
- package/types/slotted-angular-container.d.ts.map +1 -1
- package/types/slotted-angular-context-menu.d.ts.map +1 -1
- package/types/slotted-angular-currency-field.d.ts +39 -13
- package/types/slotted-angular-currency-field.d.ts.map +1 -1
- package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-grid.d.ts +26 -2
- package/types/slotted-angular-data-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-list.d.ts.map +1 -1
- package/types/slotted-angular-date-field.d.ts.map +1 -1
- package/types/slotted-angular-date-picker.d.ts.map +1 -1
- package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-datetime-field.d.ts.map +1 -1
- package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
- package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-description-list.d.ts.map +1 -1
- package/types/slotted-angular-detail-panel.d.ts.map +1 -1
- package/types/slotted-angular-dialog.d.ts +2 -1
- package/types/slotted-angular-dialog.d.ts.map +1 -1
- package/types/slotted-angular-divider.d.ts.map +1 -1
- package/types/slotted-angular-drawer.d.ts.map +1 -1
- package/types/slotted-angular-entity-picker.d.ts.map +1 -1
- package/types/slotted-angular-event-calendar.d.ts.map +1 -1
- package/types/slotted-angular-field-group.d.ts.map +1 -1
- package/types/slotted-angular-field.d.ts.map +1 -1
- package/types/slotted-angular-filter-bar.d.ts.map +1 -1
- package/types/slotted-angular-form.d.ts.map +1 -1
- package/types/slotted-angular-fullscreen.d.ts.map +1 -1
- package/types/slotted-angular-grid.d.ts.map +1 -1
- package/types/slotted-angular-highlight.d.ts.map +1 -1
- package/types/slotted-angular-hover-card.d.ts.map +1 -1
- package/types/slotted-angular-icon.d.ts +1 -1
- package/types/slotted-angular-icon.d.ts.map +1 -1
- package/types/slotted-angular-image.d.ts.map +1 -1
- package/types/slotted-angular-import-export-center.d.ts.map +1 -1
- package/types/slotted-angular-inline-message.d.ts +1 -1
- package/types/slotted-angular-inline-message.d.ts.map +1 -1
- package/types/slotted-angular-inline.d.ts.map +1 -1
- package/types/slotted-angular-kbd.d.ts.map +1 -1
- package/types/slotted-angular-link.d.ts.map +1 -1
- package/types/slotted-angular-list-item.d.ts.map +1 -1
- package/types/slotted-angular-list.d.ts.map +1 -1
- package/types/slotted-angular-listbox.d.ts.map +1 -1
- package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
- package/types/slotted-angular-markdown.d.ts.map +1 -1
- package/types/slotted-angular-menu.d.ts.map +1 -1
- package/types/slotted-angular-menubar.d.ts.map +1 -1
- package/types/slotted-angular-message-scroller.d.ts.map +1 -1
- package/types/slotted-angular-message.d.ts.map +1 -1
- package/types/slotted-angular-multi-select.d.ts +1 -1
- package/types/slotted-angular-multi-select.d.ts.map +1 -1
- package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
- package/types/slotted-angular-notification-center.d.ts.map +1 -1
- package/types/slotted-angular-number-field.d.ts.map +1 -1
- package/types/slotted-angular-otp-input.d.ts.map +1 -1
- package/types/slotted-angular-page-header.d.ts +1 -1
- package/types/slotted-angular-page-header.d.ts.map +1 -1
- package/types/slotted-angular-page.d.ts.map +1 -1
- package/types/slotted-angular-pagination.d.ts.map +1 -1
- package/types/slotted-angular-popover.d.ts.map +1 -1
- package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
- package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
- package/types/slotted-angular-prose.d.ts.map +1 -1
- package/types/slotted-angular-radio-group.d.ts.map +1 -1
- package/types/slotted-angular-rating.d.ts.map +1 -1
- package/types/slotted-angular-result-state.d.ts.map +1 -1
- package/types/slotted-angular-saved-views.d.ts.map +1 -1
- package/types/slotted-angular-scroll-area.d.ts.map +1 -1
- package/types/slotted-angular-section.d.ts.map +1 -1
- package/types/slotted-angular-segmented-control.d.ts.map +1 -1
- package/types/slotted-angular-select.d.ts +1 -1
- package/types/slotted-angular-select.d.ts.map +1 -1
- package/types/slotted-angular-side-navigation.d.ts.map +1 -1
- package/types/slotted-angular-skeleton.d.ts.map +1 -1
- package/types/slotted-angular-slider.d.ts.map +1 -1
- package/types/slotted-angular-sparkline.d.ts.map +1 -1
- package/types/slotted-angular-split-button.d.ts.map +1 -1
- package/types/slotted-angular-splitter.d.ts.map +1 -1
- package/types/slotted-angular-stack.d.ts.map +1 -1
- package/types/slotted-angular-stat-card.d.ts.map +1 -1
- package/types/slotted-angular-status-indicator.d.ts +1 -1
- package/types/slotted-angular-status-indicator.d.ts.map +1 -1
- package/types/slotted-angular-stepper.d.ts +1 -1
- package/types/slotted-angular-stepper.d.ts.map +1 -1
- package/types/slotted-angular-switch.d.ts.map +1 -1
- package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
- package/types/slotted-angular-table.d.ts.map +1 -1
- package/types/slotted-angular-tabs.d.ts.map +1 -1
- package/types/slotted-angular-tag.d.ts.map +1 -1
- package/types/slotted-angular-tags-input.d.ts +33 -1
- package/types/slotted-angular-tags-input.d.ts.map +1 -1
- package/types/slotted-angular-text-field.d.ts.map +1 -1
- package/types/slotted-angular-textarea.d.ts.map +1 -1
- package/types/slotted-angular-time-field.d.ts.map +1 -1
- package/types/slotted-angular-time-picker.d.ts.map +1 -1
- package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-timeline.d.ts.map +1 -1
- package/types/slotted-angular-toast.d.ts +2 -2
- package/types/slotted-angular-toast.d.ts.map +1 -1
- package/types/slotted-angular-toggle-group.d.ts.map +1 -1
- package/types/slotted-angular-toggle.d.ts.map +1 -1
- package/types/slotted-angular-toolbar.d.ts.map +1 -1
- package/types/slotted-angular-tooltip.d.ts.map +1 -1
- package/types/slotted-angular-top-navigation.d.ts.map +1 -1
- package/types/slotted-angular-tour.d.ts.map +1 -1
- package/types/slotted-angular-transfer.d.ts.map +1 -1
- package/types/slotted-angular-tree.d.ts.map +1 -1
- package/types/slotted-angular-typography.d.ts.map +1 -1
- package/types/slotted-angular-upload.d.ts +2 -2
- package/types/slotted-angular-upload.d.ts.map +1 -1
- package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
- package/types/slotted-angular-wizard.d.ts.map +1 -1
|
@@ -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';
|
|
@@ -941,7 +942,7 @@ class SlEventCalendar {
|
|
|
941
942
|
afterRenderEffect(() => {
|
|
942
943
|
const button = this.filterButton()?.nativeElement;
|
|
943
944
|
if (button !== undefined && button.getAttribute('data-part') !== 'filter') {
|
|
944
|
-
button
|
|
945
|
+
writeSelectorKey(button, 'part', 'filter');
|
|
945
946
|
}
|
|
946
947
|
});
|
|
947
948
|
/* The detail stands on the event that opened it, or on the "+N" it came from. */
|
|
@@ -1608,11 +1609,12 @@ class SlEventCalendar {
|
|
|
1608
1609
|
}
|
|
1609
1610
|
}
|
|
1610
1611
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlEventCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1611
|
-
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-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: `
|
|
1612
1613
|
@if (header()) {
|
|
1613
|
-
<div data-part="header">
|
|
1614
|
+
<div data-part="header" data-part-header="">
|
|
1614
1615
|
<div
|
|
1615
1616
|
data-part="title"
|
|
1617
|
+
data-part-title=""
|
|
1616
1618
|
role="heading"
|
|
1617
1619
|
aria-live="polite"
|
|
1618
1620
|
[attr.aria-level]="level()"
|
|
@@ -1620,20 +1622,27 @@ class SlEventCalendar {
|
|
|
1620
1622
|
>
|
|
1621
1623
|
{{ title() }}
|
|
1622
1624
|
</div>
|
|
1623
|
-
<div
|
|
1625
|
+
<div
|
|
1626
|
+
data-part="navigation"
|
|
1627
|
+
data-part-navigation=""
|
|
1628
|
+
role="group"
|
|
1629
|
+
[attr.aria-label]="t('navigation')"
|
|
1630
|
+
>
|
|
1624
1631
|
<button
|
|
1625
1632
|
data-part="previous"
|
|
1633
|
+
data-part-previous=""
|
|
1626
1634
|
type="button"
|
|
1627
1635
|
[attr.aria-label]="previousLabel()"
|
|
1628
1636
|
(click)="step(-1, $event)"
|
|
1629
1637
|
>
|
|
1630
1638
|
<span slIcon><svg slGlyph name="chevron-right"></svg></span>
|
|
1631
1639
|
</button>
|
|
1632
|
-
<button data-part="today" type="button" (click)="goToday($event)">
|
|
1640
|
+
<button data-part="today" data-part-today="" type="button" (click)="goToday($event)">
|
|
1633
1641
|
{{ t('today') }}
|
|
1634
1642
|
</button>
|
|
1635
1643
|
<button
|
|
1636
1644
|
data-part="next"
|
|
1645
|
+
data-part-next=""
|
|
1637
1646
|
type="button"
|
|
1638
1647
|
[attr.aria-label]="nextLabel()"
|
|
1639
1648
|
(click)="step(1, $event)"
|
|
@@ -1642,7 +1651,7 @@ class SlEventCalendar {
|
|
|
1642
1651
|
</button>
|
|
1643
1652
|
</div>
|
|
1644
1653
|
@if (views().length > 1) {
|
|
1645
|
-
<div data-part="views">
|
|
1654
|
+
<div data-part="views" data-part-views="">
|
|
1646
1655
|
<div
|
|
1647
1656
|
slSegmentedControl
|
|
1648
1657
|
fullWidth
|
|
@@ -1657,7 +1666,13 @@ class SlEventCalendar {
|
|
|
1657
1666
|
</div>
|
|
1658
1667
|
}
|
|
1659
1668
|
@if (calendars().length > 1) {
|
|
1660
|
-
<button
|
|
1669
|
+
<button
|
|
1670
|
+
#filterButton
|
|
1671
|
+
data-part="filter"
|
|
1672
|
+
data-part-filter=""
|
|
1673
|
+
type="button"
|
|
1674
|
+
[slMenuTriggerFor]="filterMenu"
|
|
1675
|
+
>
|
|
1661
1676
|
<span slIcon><svg slGlyph name="funnel"></svg></span>
|
|
1662
1677
|
<span>{{ t('calendars') }}</span>
|
|
1663
1678
|
<span slIcon><svg slGlyph name="chevron-down"></svg></span>
|
|
@@ -1680,7 +1695,9 @@ class SlEventCalendar {
|
|
|
1680
1695
|
</sl-menu>
|
|
1681
1696
|
}
|
|
1682
1697
|
@if (actions()) {
|
|
1683
|
-
<div data-part="actions"
|
|
1698
|
+
<div data-part="actions" data-part-actions="">
|
|
1699
|
+
<ng-content select="[slEventCalendarActions]" />
|
|
1700
|
+
</div>
|
|
1684
1701
|
}
|
|
1685
1702
|
</div>
|
|
1686
1703
|
}
|
|
@@ -1691,6 +1708,7 @@ class SlEventCalendar {
|
|
|
1691
1708
|
<div
|
|
1692
1709
|
#body
|
|
1693
1710
|
data-part="body"
|
|
1711
|
+
data-part-body=""
|
|
1694
1712
|
[slContextMenuTriggerFor]="contextMenuRef"
|
|
1695
1713
|
[attr.aria-busy]="loading() ? true : null"
|
|
1696
1714
|
(keydown)="onKeyDown($event)"
|
|
@@ -1717,6 +1735,7 @@ class SlEventCalendar {
|
|
|
1717
1735
|
<div
|
|
1718
1736
|
#body
|
|
1719
1737
|
data-part="body"
|
|
1738
|
+
data-part-body=""
|
|
1720
1739
|
[attr.aria-busy]="loading() ? true : null"
|
|
1721
1740
|
(keydown)="onKeyDown($event)"
|
|
1722
1741
|
(pointerdown)="onPointerDown($event)"
|
|
@@ -1726,7 +1745,7 @@ class SlEventCalendar {
|
|
|
1726
1745
|
}
|
|
1727
1746
|
|
|
1728
1747
|
<ng-template #bodyContent>
|
|
1729
|
-
<div data-part="loader">
|
|
1748
|
+
<div data-part="loader" data-part-loader="">
|
|
1730
1749
|
@if (loaderMounted()) {
|
|
1731
1750
|
<div
|
|
1732
1751
|
slProgressBar
|
|
@@ -1740,29 +1759,35 @@ class SlEventCalendar {
|
|
|
1740
1759
|
}
|
|
1741
1760
|
</div>
|
|
1742
1761
|
@if (errorContent()) {
|
|
1743
|
-
<div data-part="error"
|
|
1762
|
+
<div data-part="error" data-part-error="">
|
|
1763
|
+
<ng-content select="[slEventCalendarError]" />
|
|
1764
|
+
</div>
|
|
1744
1765
|
}
|
|
1745
1766
|
|
|
1746
1767
|
@if (layout() === 'list') {
|
|
1747
|
-
<div data-part="list">
|
|
1768
|
+
<div data-part="list" data-part-list="">
|
|
1748
1769
|
@for (day of listDrawing(); track day.iso) {
|
|
1749
1770
|
<section
|
|
1750
1771
|
data-part="list-day"
|
|
1772
|
+
data-part-list-day=""
|
|
1751
1773
|
[attr.aria-labelledby]="day.headingId"
|
|
1752
1774
|
[attr.data-date]="day.iso"
|
|
1753
1775
|
[attr.data-today]="day.today ? '' : null"
|
|
1754
1776
|
>
|
|
1755
1777
|
<div
|
|
1756
1778
|
data-part="list-day-heading"
|
|
1779
|
+
data-part-list-day-heading=""
|
|
1757
1780
|
role="heading"
|
|
1758
1781
|
[attr.aria-level]="level() + 1"
|
|
1759
1782
|
[attr.id]="day.headingId"
|
|
1760
1783
|
[attr.aria-label]="day.heading.label"
|
|
1761
1784
|
>
|
|
1762
|
-
<span data-part="list-weekday">{{
|
|
1763
|
-
|
|
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>
|
|
1764
1789
|
</div>
|
|
1765
|
-
<ul data-part="list-events" role="list">
|
|
1790
|
+
<ul data-part="list-events" data-part-list-events="" role="list">
|
|
1766
1791
|
@for (view of day.events; track view.key) {
|
|
1767
1792
|
<li>
|
|
1768
1793
|
<ng-container
|
|
@@ -1773,35 +1798,46 @@ class SlEventCalendar {
|
|
|
1773
1798
|
</ul>
|
|
1774
1799
|
</section>
|
|
1775
1800
|
} @empty {
|
|
1776
|
-
<div data-part="empty">
|
|
1801
|
+
<div data-part="empty" data-part-empty="">
|
|
1777
1802
|
<p>{{ emptyText() }}</p>
|
|
1778
1803
|
<ng-content select="[slEventCalendarEmpty]" />
|
|
1779
1804
|
</div>
|
|
1780
1805
|
}
|
|
1781
1806
|
</div>
|
|
1782
1807
|
} @else if (currentView() === 'month') {
|
|
1783
|
-
<table data-part="month" role="grid" [attr.aria-labelledby]="titleId">
|
|
1808
|
+
<table data-part="month" data-part-month="" role="grid" [attr.aria-labelledby]="titleId">
|
|
1784
1809
|
<thead>
|
|
1785
|
-
<tr data-part="weekdays">
|
|
1810
|
+
<tr data-part="weekdays" data-part-weekdays="">
|
|
1786
1811
|
@if (weekNumbersValue()) {
|
|
1787
|
-
<th data-part="week-number-header" scope="col">
|
|
1788
|
-
<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>
|
|
1789
1816
|
</th>
|
|
1790
1817
|
}
|
|
1791
1818
|
@for (name of monthDrawing().weekdays; track name.key) {
|
|
1792
|
-
<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>
|
|
1793
1822
|
}
|
|
1794
1823
|
</tr>
|
|
1795
1824
|
</thead>
|
|
1796
1825
|
<tbody>
|
|
1797
1826
|
@for (row of monthDrawing().rows; track row.key) {
|
|
1798
|
-
<tr
|
|
1827
|
+
<tr
|
|
1828
|
+
data-part="week"
|
|
1829
|
+
data-part-week=""
|
|
1830
|
+
[style.--slotted-event-calendar-lanes]="maxEventsValue()"
|
|
1831
|
+
>
|
|
1799
1832
|
@if (weekNumbersValue()) {
|
|
1800
|
-
<th data-part="week-number" scope="row">
|
|
1833
|
+
<th data-part="week-number" data-part-week-number="" scope="row">
|
|
1834
|
+
{{ row.weekNumber }}
|
|
1835
|
+
</th>
|
|
1801
1836
|
}
|
|
1802
1837
|
@for (cell of row.cells; track cell.iso) {
|
|
1803
1838
|
<td
|
|
1804
1839
|
data-part="day"
|
|
1840
|
+
data-part-day=""
|
|
1805
1841
|
data-row="day"
|
|
1806
1842
|
role="gridcell"
|
|
1807
1843
|
[attr.data-date]="cell.iso"
|
|
@@ -1815,9 +1851,10 @@ class SlEventCalendar {
|
|
|
1815
1851
|
[attr.data-non-working]="cell.nonWorking ? '' : null"
|
|
1816
1852
|
[attr.data-selected]="cell.selected ? '' : null"
|
|
1817
1853
|
>
|
|
1818
|
-
<div data-part="day-header">
|
|
1854
|
+
<div data-part="day-header" data-part-day-header="">
|
|
1819
1855
|
<button
|
|
1820
1856
|
data-part="day-number"
|
|
1857
|
+
data-part-day-number=""
|
|
1821
1858
|
type="button"
|
|
1822
1859
|
tabindex="-1"
|
|
1823
1860
|
[attr.id]="id + '-day-' + cell.iso"
|
|
@@ -1828,7 +1865,7 @@ class SlEventCalendar {
|
|
|
1828
1865
|
{{ cell.date.day }}
|
|
1829
1866
|
</button>
|
|
1830
1867
|
@if (dayContent(); as content) {
|
|
1831
|
-
<div data-part="day-content">
|
|
1868
|
+
<div data-part="day-content" data-part-day-content="">
|
|
1832
1869
|
<ng-container
|
|
1833
1870
|
*ngTemplateOutlet="
|
|
1834
1871
|
content.template;
|
|
@@ -1839,11 +1876,12 @@ class SlEventCalendar {
|
|
|
1839
1876
|
}
|
|
1840
1877
|
<span
|
|
1841
1878
|
data-ui="visually-hidden"
|
|
1879
|
+
data-ui-visually-hidden=""
|
|
1842
1880
|
[attr.id]="id + '-day-' + cell.iso + '-count'"
|
|
1843
1881
|
>{{ cell.count }}</span
|
|
1844
1882
|
>
|
|
1845
1883
|
</div>
|
|
1846
|
-
<div data-part="day-events">
|
|
1884
|
+
<div data-part="day-events" data-part-day-events="">
|
|
1847
1885
|
@for (view of cell.events; track view.key) {
|
|
1848
1886
|
<ng-container
|
|
1849
1887
|
*ngTemplateOutlet="
|
|
@@ -1853,11 +1891,12 @@ class SlEventCalendar {
|
|
|
1853
1891
|
/>
|
|
1854
1892
|
}
|
|
1855
1893
|
@for (text of cell.continuations; track $index) {
|
|
1856
|
-
<span data-part="continuation">{{ text }}</span>
|
|
1894
|
+
<span data-part="continuation" data-part-continuation="">{{ text }}</span>
|
|
1857
1895
|
}
|
|
1858
1896
|
@if (cell.more > 0) {
|
|
1859
1897
|
<button
|
|
1860
1898
|
data-part="more"
|
|
1899
|
+
data-part-more=""
|
|
1861
1900
|
type="button"
|
|
1862
1901
|
tabindex="-1"
|
|
1863
1902
|
aria-haspopup="dialog"
|
|
@@ -1878,17 +1917,21 @@ class SlEventCalendar {
|
|
|
1878
1917
|
} @else {
|
|
1879
1918
|
<div
|
|
1880
1919
|
data-part="time-grid"
|
|
1920
|
+
data-part-time-grid=""
|
|
1881
1921
|
role="grid"
|
|
1882
1922
|
[attr.aria-labelledby]="titleId"
|
|
1883
1923
|
[style.--slotted-event-calendar-days]="timeDrawing().days"
|
|
1884
1924
|
[style.--slotted-event-calendar-slot]="slotDurationValue()"
|
|
1885
1925
|
>
|
|
1886
|
-
<div data-part="time-head" role="rowgroup">
|
|
1887
|
-
<div data-part="columns" role="row">
|
|
1888
|
-
<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>
|
|
1889
1931
|
@for (column of timeDrawing().headers; track column.iso) {
|
|
1890
1932
|
<div
|
|
1891
1933
|
data-part="column-header"
|
|
1934
|
+
data-part-column-header=""
|
|
1892
1935
|
data-row="header"
|
|
1893
1936
|
role="columnheader"
|
|
1894
1937
|
[attr.data-date]="column.iso"
|
|
@@ -1896,9 +1939,12 @@ class SlEventCalendar {
|
|
|
1896
1939
|
[attr.data-today]="column.today ? '' : null"
|
|
1897
1940
|
[attr.data-offset-change]="column.offsetShort === null ? null : ''"
|
|
1898
1941
|
>
|
|
1899
|
-
<span data-part="weekday" aria-hidden="true">{{
|
|
1942
|
+
<span data-part="weekday" data-part-weekday="" aria-hidden="true">{{
|
|
1943
|
+
column.weekday
|
|
1944
|
+
}}</span>
|
|
1900
1945
|
<button
|
|
1901
1946
|
data-part="day-number"
|
|
1947
|
+
data-part-day-number=""
|
|
1902
1948
|
type="button"
|
|
1903
1949
|
tabindex="-1"
|
|
1904
1950
|
[attr.aria-label]="column.label"
|
|
@@ -1907,7 +1953,7 @@ class SlEventCalendar {
|
|
|
1907
1953
|
{{ column.date.day }}
|
|
1908
1954
|
</button>
|
|
1909
1955
|
@if (dayContent(); as content) {
|
|
1910
|
-
<div data-part="day-content">
|
|
1956
|
+
<div data-part="day-content" data-part-day-content="">
|
|
1911
1957
|
<ng-container
|
|
1912
1958
|
*ngTemplateOutlet="
|
|
1913
1959
|
content.template;
|
|
@@ -1919,6 +1965,7 @@ class SlEventCalendar {
|
|
|
1919
1965
|
@if (column.offsetShort !== null) {
|
|
1920
1966
|
<span
|
|
1921
1967
|
data-part="offset-change"
|
|
1968
|
+
data-part-offset-change=""
|
|
1922
1969
|
role="note"
|
|
1923
1970
|
[attr.aria-label]="column.offsetLong"
|
|
1924
1971
|
>{{ column.offsetShort }}</span
|
|
@@ -1929,13 +1976,17 @@ class SlEventCalendar {
|
|
|
1929
1976
|
</div>
|
|
1930
1977
|
<div
|
|
1931
1978
|
data-part="all-day-row"
|
|
1979
|
+
data-part-all-day-row=""
|
|
1932
1980
|
role="row"
|
|
1933
1981
|
[style.--slotted-event-calendar-lanes]="timeDrawing().lanes"
|
|
1934
1982
|
>
|
|
1935
|
-
<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>
|
|
1936
1986
|
@for (cell of timeDrawing().allDay; track cell.iso) {
|
|
1937
1987
|
<div
|
|
1938
1988
|
data-part="all-day-cell"
|
|
1989
|
+
data-part-all-day-cell=""
|
|
1939
1990
|
data-row="all-day"
|
|
1940
1991
|
role="gridcell"
|
|
1941
1992
|
[attr.data-date]="cell.iso"
|
|
@@ -1951,23 +2002,26 @@ class SlEventCalendar {
|
|
|
1951
2002
|
/>
|
|
1952
2003
|
}
|
|
1953
2004
|
@for (text of cell.continuations; track $index) {
|
|
1954
|
-
<span data-part="continuation">{{ text }}</span>
|
|
2005
|
+
<span data-part="continuation" data-part-continuation="">{{ text }}</span>
|
|
1955
2006
|
}
|
|
1956
2007
|
</div>
|
|
1957
2008
|
}
|
|
1958
2009
|
</div>
|
|
1959
2010
|
</div>
|
|
1960
|
-
<div #scroller data-part="scroller" role="rowgroup">
|
|
1961
|
-
<div data-part="time-row" role="row">
|
|
1962
|
-
<div data-part="gutter" role="rowheader">
|
|
1963
|
-
<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>
|
|
1964
2015
|
@for (hour of timeDrawing().hours; track hour.hour) {
|
|
1965
|
-
<span data-part="hour" aria-hidden="true">{{
|
|
2016
|
+
<span data-part="hour" data-part-hour="" aria-hidden="true">{{
|
|
2017
|
+
hour.label
|
|
2018
|
+
}}</span>
|
|
1966
2019
|
}
|
|
1967
2020
|
</div>
|
|
1968
2021
|
@for (column of timeDrawing().columns; track column.iso) {
|
|
1969
2022
|
<div
|
|
1970
2023
|
data-part="column"
|
|
2024
|
+
data-part-column=""
|
|
1971
2025
|
data-row="timed"
|
|
1972
2026
|
role="gridcell"
|
|
1973
2027
|
[attr.data-date]="column.iso"
|
|
@@ -1976,13 +2030,28 @@ class SlEventCalendar {
|
|
|
1976
2030
|
[attr.data-non-working]="column.nonWorking ? '' : null"
|
|
1977
2031
|
>
|
|
1978
2032
|
@for (off of column.offHours; track $index) {
|
|
1979
|
-
<div
|
|
2033
|
+
<div
|
|
2034
|
+
data-part="off-hours"
|
|
2035
|
+
data-part-off-hours=""
|
|
2036
|
+
aria-hidden="true"
|
|
2037
|
+
[style]="off"
|
|
2038
|
+
></div>
|
|
1980
2039
|
}
|
|
1981
2040
|
@if (column.offsetLine; as line) {
|
|
1982
|
-
<div
|
|
2041
|
+
<div
|
|
2042
|
+
data-part="offset-line"
|
|
2043
|
+
data-part-offset-line=""
|
|
2044
|
+
aria-hidden="true"
|
|
2045
|
+
[style]="line"
|
|
2046
|
+
></div>
|
|
1983
2047
|
}
|
|
1984
2048
|
@if (column.selection; as chosen) {
|
|
1985
|
-
<div
|
|
2049
|
+
<div
|
|
2050
|
+
data-part="selection"
|
|
2051
|
+
data-part-selection=""
|
|
2052
|
+
aria-hidden="true"
|
|
2053
|
+
[style]="chosen.style"
|
|
2054
|
+
>
|
|
1986
2055
|
{{ chosen.text }}
|
|
1987
2056
|
</div>
|
|
1988
2057
|
}
|
|
@@ -1994,6 +2063,7 @@ class SlEventCalendar {
|
|
|
1994
2063
|
@for (entry of column.more; track $index) {
|
|
1995
2064
|
<button
|
|
1996
2065
|
data-part="more"
|
|
2066
|
+
data-part-more=""
|
|
1997
2067
|
type="button"
|
|
1998
2068
|
tabindex="-1"
|
|
1999
2069
|
aria-haspopup="dialog"
|
|
@@ -2007,7 +2077,7 @@ class SlEventCalendar {
|
|
|
2007
2077
|
</button>
|
|
2008
2078
|
}
|
|
2009
2079
|
@if (column.now; as now) {
|
|
2010
|
-
<div data-part="now" aria-hidden="true" [style]="now"></div>
|
|
2080
|
+
<div data-part="now" data-part-now="" aria-hidden="true" [style]="now"></div>
|
|
2011
2081
|
}
|
|
2012
2082
|
</div>
|
|
2013
2083
|
}
|
|
@@ -2037,6 +2107,7 @@ class SlEventCalendar {
|
|
|
2037
2107
|
<div slDrawerBody>
|
|
2038
2108
|
<ul
|
|
2039
2109
|
data-part="list-events"
|
|
2110
|
+
data-part-list-events=""
|
|
2040
2111
|
data-layout="stacked"
|
|
2041
2112
|
role="list"
|
|
2042
2113
|
[attr.aria-label]="t('dayEvents', { day: dateLabel(date) })"
|
|
@@ -2067,9 +2138,10 @@ class SlEventCalendar {
|
|
|
2067
2138
|
<p slDrawerDescription>
|
|
2068
2139
|
@if (whenOf(occurrence); as when) {
|
|
2069
2140
|
@if (when.day !== null) {
|
|
2070
|
-
<span data-part="detail-day">{{ when.day }},</span
|
|
2141
|
+
<span data-part="detail-day" data-part-detail-day="">{{ when.day }},</span
|
|
2142
|
+
>{{ ' ' }}
|
|
2071
2143
|
}
|
|
2072
|
-
<span data-part="detail-range">{{ when.range }}</span>
|
|
2144
|
+
<span data-part="detail-range" data-part-detail-range="">{{ when.range }}</span>
|
|
2073
2145
|
}
|
|
2074
2146
|
</p>
|
|
2075
2147
|
<button slDrawerClose></button>
|
|
@@ -2103,6 +2175,7 @@ class SlEventCalendar {
|
|
|
2103
2175
|
<div slPopoverBody>
|
|
2104
2176
|
<ul
|
|
2105
2177
|
data-part="list-events"
|
|
2178
|
+
data-part-list-events=""
|
|
2106
2179
|
data-layout="stacked"
|
|
2107
2180
|
role="list"
|
|
2108
2181
|
[attr.aria-label]="t('dayEvents', { day: dateLabel(date) })"
|
|
@@ -2141,9 +2214,12 @@ class SlEventCalendar {
|
|
|
2141
2214
|
<div slPopoverDescription>
|
|
2142
2215
|
@if (whenOf(occurrence); as when) {
|
|
2143
2216
|
@if (when.day !== null) {
|
|
2144
|
-
<span data-part="detail-day">{{ when.day }},</span
|
|
2217
|
+
<span data-part="detail-day" data-part-detail-day="">{{ when.day }},</span
|
|
2218
|
+
>{{ ' ' }}
|
|
2145
2219
|
}
|
|
2146
|
-
<span data-part="detail-range">{{
|
|
2220
|
+
<span data-part="detail-range" data-part-detail-range="">{{
|
|
2221
|
+
when.range
|
|
2222
|
+
}}</span>
|
|
2147
2223
|
}
|
|
2148
2224
|
</div>
|
|
2149
2225
|
<button slPopoverClose></button>
|
|
@@ -2167,6 +2243,7 @@ class SlEventCalendar {
|
|
|
2167
2243
|
@if (view.href !== null) {
|
|
2168
2244
|
<a
|
|
2169
2245
|
data-part="event"
|
|
2246
|
+
data-part-event=""
|
|
2170
2247
|
[attr.href]="view.href"
|
|
2171
2248
|
[attr.tabindex]="inGrid ? -1 : null"
|
|
2172
2249
|
[attr.data-key]="view.key"
|
|
@@ -2191,6 +2268,7 @@ class SlEventCalendar {
|
|
|
2191
2268
|
} @else {
|
|
2192
2269
|
<button
|
|
2193
2270
|
data-part="event"
|
|
2271
|
+
data-part-event=""
|
|
2194
2272
|
type="button"
|
|
2195
2273
|
[attr.tabindex]="inGrid ? -1 : null"
|
|
2196
2274
|
[attr.data-key]="view.key"
|
|
@@ -2237,22 +2315,22 @@ class SlEventCalendar {
|
|
|
2237
2315
|
/>
|
|
2238
2316
|
} @else {
|
|
2239
2317
|
@if (view.time !== null) {
|
|
2240
|
-
<span data-part="event-time">{{ view.time }}</span>
|
|
2318
|
+
<span data-part="event-time" data-part-event-time="">{{ view.time }}</span>
|
|
2241
2319
|
}
|
|
2242
|
-
<span data-part="event-title">{{ view.title }}</span>
|
|
2320
|
+
<span data-part="event-title" data-part-event-title="">{{ view.title }}</span>
|
|
2243
2321
|
@if (view.location) {
|
|
2244
|
-
<span data-part="event-location">{{ view.location }}</span>
|
|
2322
|
+
<span data-part="event-location" data-part-event-location="">{{ view.location }}</span>
|
|
2245
2323
|
}
|
|
2246
2324
|
}
|
|
2247
|
-
<span data-part="event-meta">{{ view.meta }}</span>
|
|
2325
|
+
<span data-part="event-meta" data-part-event-meta="">{{ view.meta }}</span>
|
|
2248
2326
|
@if (view.bar && view.continuesAfter) {
|
|
2249
2327
|
<span slIcon size="sm" data-edge="end"><svg slGlyph name="chevron-right"></svg></span>
|
|
2250
2328
|
}
|
|
2251
2329
|
@if (view.resizable) {
|
|
2252
|
-
<span aria-hidden="true" data-part="resize-handle"></span>
|
|
2330
|
+
<span aria-hidden="true" data-part="resize-handle" data-part-resize-handle=""></span>
|
|
2253
2331
|
}
|
|
2254
2332
|
</ng-template>
|
|
2255
|
-
`, 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"], 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 });
|
|
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"], 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 });
|
|
2256
2334
|
}
|
|
2257
2335
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlEventCalendar, decorators: [{
|
|
2258
2336
|
type: Component,
|
|
@@ -2284,9 +2362,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2284
2362
|
SlSegmentedControl,
|
|
2285
2363
|
], template: `
|
|
2286
2364
|
@if (header()) {
|
|
2287
|
-
<div data-part="header">
|
|
2365
|
+
<div data-part="header" data-part-header="">
|
|
2288
2366
|
<div
|
|
2289
2367
|
data-part="title"
|
|
2368
|
+
data-part-title=""
|
|
2290
2369
|
role="heading"
|
|
2291
2370
|
aria-live="polite"
|
|
2292
2371
|
[attr.aria-level]="level()"
|
|
@@ -2294,20 +2373,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2294
2373
|
>
|
|
2295
2374
|
{{ title() }}
|
|
2296
2375
|
</div>
|
|
2297
|
-
<div
|
|
2376
|
+
<div
|
|
2377
|
+
data-part="navigation"
|
|
2378
|
+
data-part-navigation=""
|
|
2379
|
+
role="group"
|
|
2380
|
+
[attr.aria-label]="t('navigation')"
|
|
2381
|
+
>
|
|
2298
2382
|
<button
|
|
2299
2383
|
data-part="previous"
|
|
2384
|
+
data-part-previous=""
|
|
2300
2385
|
type="button"
|
|
2301
2386
|
[attr.aria-label]="previousLabel()"
|
|
2302
2387
|
(click)="step(-1, $event)"
|
|
2303
2388
|
>
|
|
2304
2389
|
<span slIcon><svg slGlyph name="chevron-right"></svg></span>
|
|
2305
2390
|
</button>
|
|
2306
|
-
<button data-part="today" type="button" (click)="goToday($event)">
|
|
2391
|
+
<button data-part="today" data-part-today="" type="button" (click)="goToday($event)">
|
|
2307
2392
|
{{ t('today') }}
|
|
2308
2393
|
</button>
|
|
2309
2394
|
<button
|
|
2310
2395
|
data-part="next"
|
|
2396
|
+
data-part-next=""
|
|
2311
2397
|
type="button"
|
|
2312
2398
|
[attr.aria-label]="nextLabel()"
|
|
2313
2399
|
(click)="step(1, $event)"
|
|
@@ -2316,7 +2402,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2316
2402
|
</button>
|
|
2317
2403
|
</div>
|
|
2318
2404
|
@if (views().length > 1) {
|
|
2319
|
-
<div data-part="views">
|
|
2405
|
+
<div data-part="views" data-part-views="">
|
|
2320
2406
|
<div
|
|
2321
2407
|
slSegmentedControl
|
|
2322
2408
|
fullWidth
|
|
@@ -2331,7 +2417,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2331
2417
|
</div>
|
|
2332
2418
|
}
|
|
2333
2419
|
@if (calendars().length > 1) {
|
|
2334
|
-
<button
|
|
2420
|
+
<button
|
|
2421
|
+
#filterButton
|
|
2422
|
+
data-part="filter"
|
|
2423
|
+
data-part-filter=""
|
|
2424
|
+
type="button"
|
|
2425
|
+
[slMenuTriggerFor]="filterMenu"
|
|
2426
|
+
>
|
|
2335
2427
|
<span slIcon><svg slGlyph name="funnel"></svg></span>
|
|
2336
2428
|
<span>{{ t('calendars') }}</span>
|
|
2337
2429
|
<span slIcon><svg slGlyph name="chevron-down"></svg></span>
|
|
@@ -2354,7 +2446,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2354
2446
|
</sl-menu>
|
|
2355
2447
|
}
|
|
2356
2448
|
@if (actions()) {
|
|
2357
|
-
<div data-part="actions"
|
|
2449
|
+
<div data-part="actions" data-part-actions="">
|
|
2450
|
+
<ng-content select="[slEventCalendarActions]" />
|
|
2451
|
+
</div>
|
|
2358
2452
|
}
|
|
2359
2453
|
</div>
|
|
2360
2454
|
}
|
|
@@ -2365,6 +2459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2365
2459
|
<div
|
|
2366
2460
|
#body
|
|
2367
2461
|
data-part="body"
|
|
2462
|
+
data-part-body=""
|
|
2368
2463
|
[slContextMenuTriggerFor]="contextMenuRef"
|
|
2369
2464
|
[attr.aria-busy]="loading() ? true : null"
|
|
2370
2465
|
(keydown)="onKeyDown($event)"
|
|
@@ -2391,6 +2486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2391
2486
|
<div
|
|
2392
2487
|
#body
|
|
2393
2488
|
data-part="body"
|
|
2489
|
+
data-part-body=""
|
|
2394
2490
|
[attr.aria-busy]="loading() ? true : null"
|
|
2395
2491
|
(keydown)="onKeyDown($event)"
|
|
2396
2492
|
(pointerdown)="onPointerDown($event)"
|
|
@@ -2400,7 +2496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2400
2496
|
}
|
|
2401
2497
|
|
|
2402
2498
|
<ng-template #bodyContent>
|
|
2403
|
-
<div data-part="loader">
|
|
2499
|
+
<div data-part="loader" data-part-loader="">
|
|
2404
2500
|
@if (loaderMounted()) {
|
|
2405
2501
|
<div
|
|
2406
2502
|
slProgressBar
|
|
@@ -2414,29 +2510,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2414
2510
|
}
|
|
2415
2511
|
</div>
|
|
2416
2512
|
@if (errorContent()) {
|
|
2417
|
-
<div data-part="error"
|
|
2513
|
+
<div data-part="error" data-part-error="">
|
|
2514
|
+
<ng-content select="[slEventCalendarError]" />
|
|
2515
|
+
</div>
|
|
2418
2516
|
}
|
|
2419
2517
|
|
|
2420
2518
|
@if (layout() === 'list') {
|
|
2421
|
-
<div data-part="list">
|
|
2519
|
+
<div data-part="list" data-part-list="">
|
|
2422
2520
|
@for (day of listDrawing(); track day.iso) {
|
|
2423
2521
|
<section
|
|
2424
2522
|
data-part="list-day"
|
|
2523
|
+
data-part-list-day=""
|
|
2425
2524
|
[attr.aria-labelledby]="day.headingId"
|
|
2426
2525
|
[attr.data-date]="day.iso"
|
|
2427
2526
|
[attr.data-today]="day.today ? '' : null"
|
|
2428
2527
|
>
|
|
2429
2528
|
<div
|
|
2430
2529
|
data-part="list-day-heading"
|
|
2530
|
+
data-part-list-day-heading=""
|
|
2431
2531
|
role="heading"
|
|
2432
2532
|
[attr.aria-level]="level() + 1"
|
|
2433
2533
|
[attr.id]="day.headingId"
|
|
2434
2534
|
[attr.aria-label]="day.heading.label"
|
|
2435
2535
|
>
|
|
2436
|
-
<span data-part="list-weekday">{{
|
|
2437
|
-
|
|
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>
|
|
2438
2540
|
</div>
|
|
2439
|
-
<ul data-part="list-events" role="list">
|
|
2541
|
+
<ul data-part="list-events" data-part-list-events="" role="list">
|
|
2440
2542
|
@for (view of day.events; track view.key) {
|
|
2441
2543
|
<li>
|
|
2442
2544
|
<ng-container
|
|
@@ -2447,35 +2549,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2447
2549
|
</ul>
|
|
2448
2550
|
</section>
|
|
2449
2551
|
} @empty {
|
|
2450
|
-
<div data-part="empty">
|
|
2552
|
+
<div data-part="empty" data-part-empty="">
|
|
2451
2553
|
<p>{{ emptyText() }}</p>
|
|
2452
2554
|
<ng-content select="[slEventCalendarEmpty]" />
|
|
2453
2555
|
</div>
|
|
2454
2556
|
}
|
|
2455
2557
|
</div>
|
|
2456
2558
|
} @else if (currentView() === 'month') {
|
|
2457
|
-
<table data-part="month" role="grid" [attr.aria-labelledby]="titleId">
|
|
2559
|
+
<table data-part="month" data-part-month="" role="grid" [attr.aria-labelledby]="titleId">
|
|
2458
2560
|
<thead>
|
|
2459
|
-
<tr data-part="weekdays">
|
|
2561
|
+
<tr data-part="weekdays" data-part-weekdays="">
|
|
2460
2562
|
@if (weekNumbersValue()) {
|
|
2461
|
-
<th data-part="week-number-header" scope="col">
|
|
2462
|
-
<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>
|
|
2463
2567
|
</th>
|
|
2464
2568
|
}
|
|
2465
2569
|
@for (name of monthDrawing().weekdays; track name.key) {
|
|
2466
|
-
<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>
|
|
2467
2573
|
}
|
|
2468
2574
|
</tr>
|
|
2469
2575
|
</thead>
|
|
2470
2576
|
<tbody>
|
|
2471
2577
|
@for (row of monthDrawing().rows; track row.key) {
|
|
2472
|
-
<tr
|
|
2578
|
+
<tr
|
|
2579
|
+
data-part="week"
|
|
2580
|
+
data-part-week=""
|
|
2581
|
+
[style.--slotted-event-calendar-lanes]="maxEventsValue()"
|
|
2582
|
+
>
|
|
2473
2583
|
@if (weekNumbersValue()) {
|
|
2474
|
-
<th data-part="week-number" scope="row">
|
|
2584
|
+
<th data-part="week-number" data-part-week-number="" scope="row">
|
|
2585
|
+
{{ row.weekNumber }}
|
|
2586
|
+
</th>
|
|
2475
2587
|
}
|
|
2476
2588
|
@for (cell of row.cells; track cell.iso) {
|
|
2477
2589
|
<td
|
|
2478
2590
|
data-part="day"
|
|
2591
|
+
data-part-day=""
|
|
2479
2592
|
data-row="day"
|
|
2480
2593
|
role="gridcell"
|
|
2481
2594
|
[attr.data-date]="cell.iso"
|
|
@@ -2489,9 +2602,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2489
2602
|
[attr.data-non-working]="cell.nonWorking ? '' : null"
|
|
2490
2603
|
[attr.data-selected]="cell.selected ? '' : null"
|
|
2491
2604
|
>
|
|
2492
|
-
<div data-part="day-header">
|
|
2605
|
+
<div data-part="day-header" data-part-day-header="">
|
|
2493
2606
|
<button
|
|
2494
2607
|
data-part="day-number"
|
|
2608
|
+
data-part-day-number=""
|
|
2495
2609
|
type="button"
|
|
2496
2610
|
tabindex="-1"
|
|
2497
2611
|
[attr.id]="id + '-day-' + cell.iso"
|
|
@@ -2502,7 +2616,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2502
2616
|
{{ cell.date.day }}
|
|
2503
2617
|
</button>
|
|
2504
2618
|
@if (dayContent(); as content) {
|
|
2505
|
-
<div data-part="day-content">
|
|
2619
|
+
<div data-part="day-content" data-part-day-content="">
|
|
2506
2620
|
<ng-container
|
|
2507
2621
|
*ngTemplateOutlet="
|
|
2508
2622
|
content.template;
|
|
@@ -2513,11 +2627,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2513
2627
|
}
|
|
2514
2628
|
<span
|
|
2515
2629
|
data-ui="visually-hidden"
|
|
2630
|
+
data-ui-visually-hidden=""
|
|
2516
2631
|
[attr.id]="id + '-day-' + cell.iso + '-count'"
|
|
2517
2632
|
>{{ cell.count }}</span
|
|
2518
2633
|
>
|
|
2519
2634
|
</div>
|
|
2520
|
-
<div data-part="day-events">
|
|
2635
|
+
<div data-part="day-events" data-part-day-events="">
|
|
2521
2636
|
@for (view of cell.events; track view.key) {
|
|
2522
2637
|
<ng-container
|
|
2523
2638
|
*ngTemplateOutlet="
|
|
@@ -2527,11 +2642,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2527
2642
|
/>
|
|
2528
2643
|
}
|
|
2529
2644
|
@for (text of cell.continuations; track $index) {
|
|
2530
|
-
<span data-part="continuation">{{ text }}</span>
|
|
2645
|
+
<span data-part="continuation" data-part-continuation="">{{ text }}</span>
|
|
2531
2646
|
}
|
|
2532
2647
|
@if (cell.more > 0) {
|
|
2533
2648
|
<button
|
|
2534
2649
|
data-part="more"
|
|
2650
|
+
data-part-more=""
|
|
2535
2651
|
type="button"
|
|
2536
2652
|
tabindex="-1"
|
|
2537
2653
|
aria-haspopup="dialog"
|
|
@@ -2552,17 +2668,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2552
2668
|
} @else {
|
|
2553
2669
|
<div
|
|
2554
2670
|
data-part="time-grid"
|
|
2671
|
+
data-part-time-grid=""
|
|
2555
2672
|
role="grid"
|
|
2556
2673
|
[attr.aria-labelledby]="titleId"
|
|
2557
2674
|
[style.--slotted-event-calendar-days]="timeDrawing().days"
|
|
2558
2675
|
[style.--slotted-event-calendar-slot]="slotDurationValue()"
|
|
2559
2676
|
>
|
|
2560
|
-
<div data-part="time-head" role="rowgroup">
|
|
2561
|
-
<div data-part="columns" role="row">
|
|
2562
|
-
<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>
|
|
2563
2682
|
@for (column of timeDrawing().headers; track column.iso) {
|
|
2564
2683
|
<div
|
|
2565
2684
|
data-part="column-header"
|
|
2685
|
+
data-part-column-header=""
|
|
2566
2686
|
data-row="header"
|
|
2567
2687
|
role="columnheader"
|
|
2568
2688
|
[attr.data-date]="column.iso"
|
|
@@ -2570,9 +2690,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2570
2690
|
[attr.data-today]="column.today ? '' : null"
|
|
2571
2691
|
[attr.data-offset-change]="column.offsetShort === null ? null : ''"
|
|
2572
2692
|
>
|
|
2573
|
-
<span data-part="weekday" aria-hidden="true">{{
|
|
2693
|
+
<span data-part="weekday" data-part-weekday="" aria-hidden="true">{{
|
|
2694
|
+
column.weekday
|
|
2695
|
+
}}</span>
|
|
2574
2696
|
<button
|
|
2575
2697
|
data-part="day-number"
|
|
2698
|
+
data-part-day-number=""
|
|
2576
2699
|
type="button"
|
|
2577
2700
|
tabindex="-1"
|
|
2578
2701
|
[attr.aria-label]="column.label"
|
|
@@ -2581,7 +2704,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2581
2704
|
{{ column.date.day }}
|
|
2582
2705
|
</button>
|
|
2583
2706
|
@if (dayContent(); as content) {
|
|
2584
|
-
<div data-part="day-content">
|
|
2707
|
+
<div data-part="day-content" data-part-day-content="">
|
|
2585
2708
|
<ng-container
|
|
2586
2709
|
*ngTemplateOutlet="
|
|
2587
2710
|
content.template;
|
|
@@ -2593,6 +2716,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2593
2716
|
@if (column.offsetShort !== null) {
|
|
2594
2717
|
<span
|
|
2595
2718
|
data-part="offset-change"
|
|
2719
|
+
data-part-offset-change=""
|
|
2596
2720
|
role="note"
|
|
2597
2721
|
[attr.aria-label]="column.offsetLong"
|
|
2598
2722
|
>{{ column.offsetShort }}</span
|
|
@@ -2603,13 +2727,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2603
2727
|
</div>
|
|
2604
2728
|
<div
|
|
2605
2729
|
data-part="all-day-row"
|
|
2730
|
+
data-part-all-day-row=""
|
|
2606
2731
|
role="row"
|
|
2607
2732
|
[style.--slotted-event-calendar-lanes]="timeDrawing().lanes"
|
|
2608
2733
|
>
|
|
2609
|
-
<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>
|
|
2610
2737
|
@for (cell of timeDrawing().allDay; track cell.iso) {
|
|
2611
2738
|
<div
|
|
2612
2739
|
data-part="all-day-cell"
|
|
2740
|
+
data-part-all-day-cell=""
|
|
2613
2741
|
data-row="all-day"
|
|
2614
2742
|
role="gridcell"
|
|
2615
2743
|
[attr.data-date]="cell.iso"
|
|
@@ -2625,23 +2753,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2625
2753
|
/>
|
|
2626
2754
|
}
|
|
2627
2755
|
@for (text of cell.continuations; track $index) {
|
|
2628
|
-
<span data-part="continuation">{{ text }}</span>
|
|
2756
|
+
<span data-part="continuation" data-part-continuation="">{{ text }}</span>
|
|
2629
2757
|
}
|
|
2630
2758
|
</div>
|
|
2631
2759
|
}
|
|
2632
2760
|
</div>
|
|
2633
2761
|
</div>
|
|
2634
|
-
<div #scroller data-part="scroller" role="rowgroup">
|
|
2635
|
-
<div data-part="time-row" role="row">
|
|
2636
|
-
<div data-part="gutter" role="rowheader">
|
|
2637
|
-
<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>
|
|
2638
2766
|
@for (hour of timeDrawing().hours; track hour.hour) {
|
|
2639
|
-
<span data-part="hour" aria-hidden="true">{{
|
|
2767
|
+
<span data-part="hour" data-part-hour="" aria-hidden="true">{{
|
|
2768
|
+
hour.label
|
|
2769
|
+
}}</span>
|
|
2640
2770
|
}
|
|
2641
2771
|
</div>
|
|
2642
2772
|
@for (column of timeDrawing().columns; track column.iso) {
|
|
2643
2773
|
<div
|
|
2644
2774
|
data-part="column"
|
|
2775
|
+
data-part-column=""
|
|
2645
2776
|
data-row="timed"
|
|
2646
2777
|
role="gridcell"
|
|
2647
2778
|
[attr.data-date]="column.iso"
|
|
@@ -2650,13 +2781,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2650
2781
|
[attr.data-non-working]="column.nonWorking ? '' : null"
|
|
2651
2782
|
>
|
|
2652
2783
|
@for (off of column.offHours; track $index) {
|
|
2653
|
-
<div
|
|
2784
|
+
<div
|
|
2785
|
+
data-part="off-hours"
|
|
2786
|
+
data-part-off-hours=""
|
|
2787
|
+
aria-hidden="true"
|
|
2788
|
+
[style]="off"
|
|
2789
|
+
></div>
|
|
2654
2790
|
}
|
|
2655
2791
|
@if (column.offsetLine; as line) {
|
|
2656
|
-
<div
|
|
2792
|
+
<div
|
|
2793
|
+
data-part="offset-line"
|
|
2794
|
+
data-part-offset-line=""
|
|
2795
|
+
aria-hidden="true"
|
|
2796
|
+
[style]="line"
|
|
2797
|
+
></div>
|
|
2657
2798
|
}
|
|
2658
2799
|
@if (column.selection; as chosen) {
|
|
2659
|
-
<div
|
|
2800
|
+
<div
|
|
2801
|
+
data-part="selection"
|
|
2802
|
+
data-part-selection=""
|
|
2803
|
+
aria-hidden="true"
|
|
2804
|
+
[style]="chosen.style"
|
|
2805
|
+
>
|
|
2660
2806
|
{{ chosen.text }}
|
|
2661
2807
|
</div>
|
|
2662
2808
|
}
|
|
@@ -2668,6 +2814,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2668
2814
|
@for (entry of column.more; track $index) {
|
|
2669
2815
|
<button
|
|
2670
2816
|
data-part="more"
|
|
2817
|
+
data-part-more=""
|
|
2671
2818
|
type="button"
|
|
2672
2819
|
tabindex="-1"
|
|
2673
2820
|
aria-haspopup="dialog"
|
|
@@ -2681,7 +2828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2681
2828
|
</button>
|
|
2682
2829
|
}
|
|
2683
2830
|
@if (column.now; as now) {
|
|
2684
|
-
<div data-part="now" aria-hidden="true" [style]="now"></div>
|
|
2831
|
+
<div data-part="now" data-part-now="" aria-hidden="true" [style]="now"></div>
|
|
2685
2832
|
}
|
|
2686
2833
|
</div>
|
|
2687
2834
|
}
|
|
@@ -2711,6 +2858,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2711
2858
|
<div slDrawerBody>
|
|
2712
2859
|
<ul
|
|
2713
2860
|
data-part="list-events"
|
|
2861
|
+
data-part-list-events=""
|
|
2714
2862
|
data-layout="stacked"
|
|
2715
2863
|
role="list"
|
|
2716
2864
|
[attr.aria-label]="t('dayEvents', { day: dateLabel(date) })"
|
|
@@ -2741,9 +2889,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2741
2889
|
<p slDrawerDescription>
|
|
2742
2890
|
@if (whenOf(occurrence); as when) {
|
|
2743
2891
|
@if (when.day !== null) {
|
|
2744
|
-
<span data-part="detail-day">{{ when.day }},</span
|
|
2892
|
+
<span data-part="detail-day" data-part-detail-day="">{{ when.day }},</span
|
|
2893
|
+
>{{ ' ' }}
|
|
2745
2894
|
}
|
|
2746
|
-
<span data-part="detail-range">{{ when.range }}</span>
|
|
2895
|
+
<span data-part="detail-range" data-part-detail-range="">{{ when.range }}</span>
|
|
2747
2896
|
}
|
|
2748
2897
|
</p>
|
|
2749
2898
|
<button slDrawerClose></button>
|
|
@@ -2777,6 +2926,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2777
2926
|
<div slPopoverBody>
|
|
2778
2927
|
<ul
|
|
2779
2928
|
data-part="list-events"
|
|
2929
|
+
data-part-list-events=""
|
|
2780
2930
|
data-layout="stacked"
|
|
2781
2931
|
role="list"
|
|
2782
2932
|
[attr.aria-label]="t('dayEvents', { day: dateLabel(date) })"
|
|
@@ -2815,9 +2965,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2815
2965
|
<div slPopoverDescription>
|
|
2816
2966
|
@if (whenOf(occurrence); as when) {
|
|
2817
2967
|
@if (when.day !== null) {
|
|
2818
|
-
<span data-part="detail-day">{{ when.day }},</span
|
|
2968
|
+
<span data-part="detail-day" data-part-detail-day="">{{ when.day }},</span
|
|
2969
|
+
>{{ ' ' }}
|
|
2819
2970
|
}
|
|
2820
|
-
<span data-part="detail-range">{{
|
|
2971
|
+
<span data-part="detail-range" data-part-detail-range="">{{
|
|
2972
|
+
when.range
|
|
2973
|
+
}}</span>
|
|
2821
2974
|
}
|
|
2822
2975
|
</div>
|
|
2823
2976
|
<button slPopoverClose></button>
|
|
@@ -2841,6 +2994,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2841
2994
|
@if (view.href !== null) {
|
|
2842
2995
|
<a
|
|
2843
2996
|
data-part="event"
|
|
2997
|
+
data-part-event=""
|
|
2844
2998
|
[attr.href]="view.href"
|
|
2845
2999
|
[attr.tabindex]="inGrid ? -1 : null"
|
|
2846
3000
|
[attr.data-key]="view.key"
|
|
@@ -2865,6 +3019,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2865
3019
|
} @else {
|
|
2866
3020
|
<button
|
|
2867
3021
|
data-part="event"
|
|
3022
|
+
data-part-event=""
|
|
2868
3023
|
type="button"
|
|
2869
3024
|
[attr.tabindex]="inGrid ? -1 : null"
|
|
2870
3025
|
[attr.data-key]="view.key"
|
|
@@ -2911,29 +3066,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2911
3066
|
/>
|
|
2912
3067
|
} @else {
|
|
2913
3068
|
@if (view.time !== null) {
|
|
2914
|
-
<span data-part="event-time">{{ view.time }}</span>
|
|
3069
|
+
<span data-part="event-time" data-part-event-time="">{{ view.time }}</span>
|
|
2915
3070
|
}
|
|
2916
|
-
<span data-part="event-title">{{ view.title }}</span>
|
|
3071
|
+
<span data-part="event-title" data-part-event-title="">{{ view.title }}</span>
|
|
2917
3072
|
@if (view.location) {
|
|
2918
|
-
<span data-part="event-location">{{ view.location }}</span>
|
|
3073
|
+
<span data-part="event-location" data-part-event-location="">{{ view.location }}</span>
|
|
2919
3074
|
}
|
|
2920
3075
|
}
|
|
2921
|
-
<span data-part="event-meta">{{ view.meta }}</span>
|
|
3076
|
+
<span data-part="event-meta" data-part-event-meta="">{{ view.meta }}</span>
|
|
2922
3077
|
@if (view.bar && view.continuesAfter) {
|
|
2923
3078
|
<span slIcon size="sm" data-edge="end"><svg slGlyph name="chevron-right"></svg></span>
|
|
2924
3079
|
}
|
|
2925
3080
|
@if (view.resizable) {
|
|
2926
|
-
<span aria-hidden="true" data-part="resize-handle"></span>
|
|
3081
|
+
<span aria-hidden="true" data-part="resize-handle" data-part-resize-handle=""></span>
|
|
2927
3082
|
}
|
|
2928
3083
|
</ng-template>
|
|
2929
3084
|
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
2930
3085
|
'data-ui': 'event-calendar',
|
|
3086
|
+
'data-ui-event-calendar': '',
|
|
2931
3087
|
'data-part': 'root',
|
|
3088
|
+
'data-part-root': '',
|
|
2932
3089
|
'[attr.data-view]': 'currentView()',
|
|
2933
3090
|
'[attr.data-layout]': 'layout()',
|
|
2934
3091
|
'[attr.data-loading]': "loading() ? '' : null",
|
|
2935
3092
|
'[attr.data-slot-duration]': 'slotDurationValue()',
|
|
2936
|
-
}, 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"] }]
|
|
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"] }]
|
|
2937
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 }] }] } });
|
|
2938
3095
|
|
|
2939
3096
|
/**
|