@vielzeug/refine 2.1.0 → 2.1.3
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/dist/accordion-item.cjs +1 -1
- package/dist/accordion-item.cjs.map +1 -1
- package/dist/accordion-item.js +1 -1
- package/dist/accordion-item.js.map +1 -1
- package/dist/accordion.cjs +1 -1
- package/dist/accordion.cjs.map +1 -1
- package/dist/accordion.js +1 -1
- package/dist/accordion.js.map +1 -1
- package/dist/alert.cjs.map +1 -1
- package/dist/alert.js.map +1 -1
- package/dist/async.cjs.map +1 -1
- package/dist/async.js.map +1 -1
- package/dist/avatar-group.cjs.map +1 -1
- package/dist/avatar-group.js.map +1 -1
- package/dist/avatar.cjs +6 -6
- package/dist/avatar.cjs.map +1 -1
- package/dist/avatar.js +1 -2
- package/dist/avatar.js.map +1 -1
- package/dist/badge.cjs.map +1 -1
- package/dist/badge.js.map +1 -1
- package/dist/box.cjs.map +1 -1
- package/dist/box.js.map +1 -1
- package/dist/breadcrumb.cjs +3 -3
- package/dist/breadcrumb.cjs.map +1 -1
- package/dist/breadcrumb.js +4 -4
- package/dist/breadcrumb.js.map +1 -1
- package/dist/button-group.cjs +1 -1
- package/dist/button-group.cjs.map +1 -1
- package/dist/button-group.js +0 -1
- package/dist/button-group.js.map +1 -1
- package/dist/button.cjs.map +1 -1
- package/dist/button.js.map +1 -1
- package/dist/calendar.cjs.map +1 -1
- package/dist/calendar.js.map +1 -1
- package/dist/card.cjs +7 -7
- package/dist/card.cjs.map +1 -1
- package/dist/card.js +27 -27
- package/dist/card.js.map +1 -1
- package/dist/carousel.cjs +20 -20
- package/dist/carousel.cjs.map +1 -1
- package/dist/carousel.js +7 -8
- package/dist/carousel.js.map +1 -1
- package/dist/chat-message.cjs +10 -10
- package/dist/chat-message.cjs.map +1 -1
- package/dist/chat-message.js +1 -2
- package/dist/chat-message.js.map +1 -1
- package/dist/checkbox-group.cjs +7 -7
- package/dist/checkbox-group.cjs.map +1 -1
- package/dist/checkbox-group.js +26 -26
- package/dist/checkbox-group.js.map +1 -1
- package/dist/checkbox.cjs +2 -2
- package/dist/checkbox.cjs.map +1 -1
- package/dist/checkbox.js +33 -33
- package/dist/checkbox.js.map +1 -1
- package/dist/chip.cjs +16 -16
- package/dist/chip.cjs.map +1 -1
- package/dist/chip.js +1 -2
- package/dist/chip.js.map +1 -1
- package/dist/combobox.cjs +28 -28
- package/dist/combobox.cjs.map +1 -1
- package/dist/combobox.js +211 -211
- package/dist/combobox.js.map +1 -1
- package/dist/command-palette.cjs +21 -21
- package/dist/command-palette.cjs.map +1 -1
- package/dist/command-palette.js +27 -28
- package/dist/command-palette.js.map +1 -1
- package/dist/content/avatar/avatar.css.cjs +1 -1
- package/dist/content/avatar/avatar.css.js +1 -1
- package/dist/content/avatar/avatar.d.ts.map +1 -1
- package/dist/content/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/content/card/card.css.cjs +1 -1
- package/dist/content/card/card.css.cjs.map +1 -1
- package/dist/content/card/card.css.js +1 -1
- package/dist/content/card/card.css.js.map +1 -1
- package/dist/content/card/card.d.ts.map +1 -1
- package/dist/content/carousel/carousel-slide.cjs.map +1 -1
- package/dist/content/carousel/carousel-slide.js.map +1 -1
- package/dist/content/carousel/carousel.css.cjs +1 -1
- package/dist/content/carousel/carousel.css.cjs.map +1 -1
- package/dist/content/carousel/carousel.css.js +1 -1
- package/dist/content/carousel/carousel.css.js.map +1 -1
- package/dist/content/carousel/carousel.d.ts.map +1 -1
- package/dist/content/carousel/index.d.ts +1 -1
- package/dist/content/carousel/index.d.ts.map +1 -1
- package/dist/content/chat-message/chat-message.css.cjs +1 -1
- package/dist/content/chat-message/chat-message.css.js +1 -1
- package/dist/content/chat-message/chat-message.d.ts.map +1 -1
- package/dist/content/code-window/code-window.css.cjs +1 -1
- package/dist/content/code-window/code-window.css.js +1 -1
- package/dist/content/copy-command/copy-command.css.cjs +1 -1
- package/dist/content/copy-command/copy-command.css.js +1 -1
- package/dist/content/copy-command/copy-command.d.ts.map +1 -1
- package/dist/content/index.d.ts +22 -22
- package/dist/content/index.d.ts.map +1 -1
- package/dist/content/list/_list-item-reveal.cjs.map +1 -1
- package/dist/content/list/_list-item-reveal.d.ts +1 -1
- package/dist/content/list/_list-item-reveal.d.ts.map +1 -1
- package/dist/content/list/_list-item-reveal.js.map +1 -1
- package/dist/content/list/list-item.css.cjs +1 -1
- package/dist/content/list/list-item.css.cjs.map +1 -1
- package/dist/content/list/list-item.css.js +1 -1
- package/dist/content/list/list-item.css.js.map +1 -1
- package/dist/content/list/list.d.ts.map +1 -1
- package/dist/content/marquee/marquee.css.cjs +1 -1
- package/dist/content/marquee/marquee.css.js +1 -1
- package/dist/content/pagination/pagination.css.cjs +1 -1
- package/dist/content/pagination/pagination.css.js +1 -1
- package/dist/content/pagination/pagination.d.ts.map +1 -1
- package/dist/content/separator/separator.css.cjs +1 -1
- package/dist/content/separator/separator.css.js +1 -1
- package/dist/content/separator/separator.d.ts.map +1 -1
- package/dist/content/stepper/step.css.cjs.map +1 -1
- package/dist/content/stepper/step.css.js.map +1 -1
- package/dist/content/stepper/stepper.d.ts.map +1 -1
- package/dist/content/table/table.css.cjs +1 -1
- package/dist/content/table/table.css.js +1 -1
- package/dist/content/text/text.css.cjs +1 -1
- package/dist/content/text/text.css.js +1 -1
- package/dist/copy-command.cjs.map +1 -1
- package/dist/copy-command.js.map +1 -1
- package/dist/core/checkable.cjs +1 -1
- package/dist/core/checkable.cjs.map +1 -1
- package/dist/core/checkable.d.ts.map +1 -1
- package/dist/core/checkable.js +4 -4
- package/dist/core/checkable.js.map +1 -1
- package/dist/core/choice-field.cjs +1 -1
- package/dist/core/choice-field.cjs.map +1 -1
- package/dist/core/choice-field.d.ts.map +1 -1
- package/dist/core/choice-field.js +1 -2
- package/dist/core/choice-field.js.map +1 -1
- package/dist/core/date-picker.cjs +1 -1
- package/dist/core/date-picker.cjs.map +1 -1
- package/dist/core/date-picker.d.ts.map +1 -1
- package/dist/core/date-picker.js +3 -3
- package/dist/core/date-picker.js.map +1 -1
- package/dist/core/index.d.ts +17 -17
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/option-list.cjs +1 -1
- package/dist/core/option-list.cjs.map +1 -1
- package/dist/core/option-list.d.ts.map +1 -1
- package/dist/core/option-list.js +4 -4
- package/dist/core/option-list.js.map +1 -1
- package/dist/core/ref-callback.cjs +1 -1
- package/dist/core/ref-callback.cjs.map +1 -1
- package/dist/core/ref-callback.d.ts.map +1 -1
- package/dist/core/ref-callback.js +1 -1
- package/dist/core/ref-callback.js.map +1 -1
- package/dist/core/signals.cjs +1 -1
- package/dist/core/signals.cjs.map +1 -1
- package/dist/core/signals.d.ts.map +1 -1
- package/dist/core/signals.js +1 -2
- package/dist/core/signals.js.map +1 -1
- package/dist/core/slider.cjs.map +1 -1
- package/dist/core/slider.d.ts.map +1 -1
- package/dist/core/slider.js.map +1 -1
- package/dist/core/spinner.cjs.map +1 -1
- package/dist/core/spinner.d.ts.map +1 -1
- package/dist/core/spinner.js.map +1 -1
- package/dist/core/text-field.cjs +1 -1
- package/dist/core/text-field.cjs.map +1 -1
- package/dist/core/text-field.js +1 -1
- package/dist/core/text-field.js.map +1 -1
- package/dist/custom-elements.json +4253 -4253
- package/dist/datagrid.cjs +114 -114
- package/dist/datagrid.cjs.map +1 -1
- package/dist/datagrid.js +42 -43
- package/dist/datagrid.js.map +1 -1
- package/dist/date-picker.cjs.map +1 -1
- package/dist/date-picker.js.map +1 -1
- package/dist/dialog.cjs.map +1 -1
- package/dist/dialog.js.map +1 -1
- package/dist/disclosure/accordion/accordion.d.ts.map +1 -1
- package/dist/disclosure/accordion-item/accordion-item.css.cjs +1 -1
- package/dist/disclosure/accordion-item/accordion-item.css.cjs.map +1 -1
- package/dist/disclosure/accordion-item/accordion-item.css.js +1 -1
- package/dist/disclosure/accordion-item/accordion-item.css.js.map +1 -1
- package/dist/disclosure/index.d.ts +6 -6
- package/dist/disclosure/index.d.ts.map +1 -1
- package/dist/disclosure/tab-item/tab-item.css.cjs.map +1 -1
- package/dist/disclosure/tab-item/tab-item.css.js.map +1 -1
- package/dist/disclosure/tab-item/tab-item.d.ts.map +1 -1
- package/dist/disclosure/tabs/tabs.css.cjs +1 -1
- package/dist/disclosure/tabs/tabs.css.cjs.map +1 -1
- package/dist/disclosure/tabs/tabs.css.js +1 -1
- package/dist/disclosure/tabs/tabs.css.js.map +1 -1
- package/dist/disclosure/tabs/tabs.d.ts.map +1 -1
- package/dist/drawer.cjs +5 -5
- package/dist/drawer.cjs.map +1 -1
- package/dist/drawer.js +26 -26
- package/dist/drawer.js.map +1 -1
- package/dist/feedback/alert/alert.css.cjs +1 -1
- package/dist/feedback/alert/alert.css.js +1 -1
- package/dist/feedback/async/async.d.ts +1 -1
- package/dist/feedback/async/async.d.ts.map +1 -1
- package/dist/feedback/badge/badge.css.cjs +1 -1
- package/dist/feedback/badge/badge.css.js +1 -1
- package/dist/feedback/badge/badge.d.ts.map +1 -1
- package/dist/feedback/chip/chip.css.cjs.map +1 -1
- package/dist/feedback/chip/chip.css.js.map +1 -1
- package/dist/feedback/chip/chip.d.ts.map +1 -1
- package/dist/feedback/index.d.ts +12 -12
- package/dist/feedback/index.d.ts.map +1 -1
- package/dist/feedback/progress/progress.d.ts.map +1 -1
- package/dist/feedback/skeleton/skeleton.d.ts.map +1 -1
- package/dist/feedback/toast/index.d.ts +1 -1
- package/dist/feedback/toast/index.d.ts.map +1 -1
- package/dist/feedback/toast/toast.css.cjs +1 -1
- package/dist/feedback/toast/toast.css.cjs.map +1 -1
- package/dist/feedback/toast/toast.css.js +1 -1
- package/dist/feedback/toast/toast.css.js.map +1 -1
- package/dist/feedback/toast/toast.d.ts +1 -1
- package/dist/feedback/toast/toast.d.ts.map +1 -1
- package/dist/feedback/typing-indicator/typing-indicator.d.ts.map +1 -1
- package/dist/file-input.cjs +67 -67
- package/dist/file-input.cjs.map +1 -1
- package/dist/file-input.js +129 -130
- package/dist/file-input.js.map +1 -1
- package/dist/grid.cjs.map +1 -1
- package/dist/grid.js.map +1 -1
- package/dist/icon.cjs.map +1 -1
- package/dist/icon.js.map +1 -1
- package/dist/input.cjs +21 -21
- package/dist/input.cjs.map +1 -1
- package/dist/input.js +58 -58
- package/dist/input.js.map +1 -1
- package/dist/inputs/button/button.css.cjs +1 -1
- package/dist/inputs/button/button.css.js +1 -1
- package/dist/inputs/button/button.d.ts.map +1 -1
- package/dist/inputs/button-group/button-group.css.cjs.map +1 -1
- package/dist/inputs/button-group/button-group.css.js.map +1 -1
- package/dist/inputs/button-group/button-group.d.ts +1 -1
- package/dist/inputs/button-group/button-group.d.ts.map +1 -1
- package/dist/inputs/calendar/calendar.css.cjs +1 -1
- package/dist/inputs/calendar/calendar.css.cjs.map +1 -1
- package/dist/inputs/calendar/calendar.css.js +1 -1
- package/dist/inputs/calendar/calendar.css.js.map +1 -1
- package/dist/inputs/calendar/calendar.d.ts.map +1 -1
- package/dist/inputs/checkbox/checkbox.css.cjs +1 -1
- package/dist/inputs/checkbox/checkbox.css.js +1 -1
- package/dist/inputs/checkbox/checkbox.d.ts.map +1 -1
- package/dist/inputs/checkbox-group/checkbox-group.d.ts +1 -1
- package/dist/inputs/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/dist/inputs/combobox/combobox.css.cjs +1 -1
- package/dist/inputs/combobox/combobox.css.js +1 -1
- package/dist/inputs/combobox/combobox.d.ts.map +1 -1
- package/dist/inputs/datagrid/datagrid-column.cjs.map +1 -1
- package/dist/inputs/datagrid/datagrid-column.d.ts.map +1 -1
- package/dist/inputs/datagrid/datagrid-column.js.map +1 -1
- package/dist/inputs/datagrid/datagrid-model.cjs +1 -1
- package/dist/inputs/datagrid/datagrid-model.cjs.map +1 -1
- package/dist/inputs/datagrid/datagrid-model.d.ts.map +1 -1
- package/dist/inputs/datagrid/datagrid-model.js +1 -2
- package/dist/inputs/datagrid/datagrid-model.js.map +1 -1
- package/dist/inputs/datagrid/datagrid.css.cjs +1 -1
- package/dist/inputs/datagrid/datagrid.css.cjs.map +1 -1
- package/dist/inputs/datagrid/datagrid.css.js +1 -1
- package/dist/inputs/datagrid/datagrid.css.js.map +1 -1
- package/dist/inputs/datagrid/datagrid.d.ts +1 -1
- package/dist/inputs/datagrid/datagrid.d.ts.map +1 -1
- package/dist/inputs/date-picker/date-picker.css.cjs +1 -1
- package/dist/inputs/date-picker/date-picker.css.cjs.map +1 -1
- package/dist/inputs/date-picker/date-picker.css.js +1 -1
- package/dist/inputs/date-picker/date-picker.css.js.map +1 -1
- package/dist/inputs/date-picker/date-picker.d.ts.map +1 -1
- package/dist/inputs/file-input/file-input-upload.cjs +1 -1
- package/dist/inputs/file-input/file-input-upload.cjs.map +1 -1
- package/dist/inputs/file-input/file-input-upload.d.ts.map +1 -1
- package/dist/inputs/file-input/file-input-upload.js +2 -3
- package/dist/inputs/file-input/file-input-upload.js.map +1 -1
- package/dist/inputs/file-input/file-input.css.cjs +1 -1
- package/dist/inputs/file-input/file-input.css.js +1 -1
- package/dist/inputs/file-input/file-input.d.ts.map +1 -1
- package/dist/inputs/index.d.ts +28 -28
- package/dist/inputs/index.d.ts.map +1 -1
- package/dist/inputs/input/input.css.cjs +1 -1
- package/dist/inputs/input/input.css.js +1 -1
- package/dist/inputs/input/input.d.ts.map +1 -1
- package/dist/inputs/message-composer/message-composer.css.cjs +1 -1
- package/dist/inputs/message-composer/message-composer.css.js +1 -1
- package/dist/inputs/message-composer/message-composer.d.ts +1 -1
- package/dist/inputs/message-composer/message-composer.d.ts.map +1 -1
- package/dist/inputs/number-input/number-input.d.ts.map +1 -1
- package/dist/inputs/otp-input/otp-input.d.ts.map +1 -1
- package/dist/inputs/radio/radio.css.cjs +1 -1
- package/dist/inputs/radio/radio.css.js +1 -1
- package/dist/inputs/radio/radio.d.ts.map +1 -1
- package/dist/inputs/radio-group/radio-group.d.ts +2 -2
- package/dist/inputs/radio-group/radio-group.d.ts.map +1 -1
- package/dist/inputs/rating/rating.d.ts.map +1 -1
- package/dist/inputs/select/select.css.cjs +1 -1
- package/dist/inputs/select/select.css.js +1 -1
- package/dist/inputs/select/select.d.ts.map +1 -1
- package/dist/inputs/shared/field-binding.cjs.map +1 -1
- package/dist/inputs/shared/field-binding.d.ts.map +1 -1
- package/dist/inputs/shared/field-binding.js.map +1 -1
- package/dist/inputs/shared/templates.cjs.map +1 -1
- package/dist/inputs/shared/templates.d.ts.map +1 -1
- package/dist/inputs/shared/templates.js.map +1 -1
- package/dist/inputs/slider/slider.d.ts.map +1 -1
- package/dist/inputs/switch/switch.css.cjs +1 -1
- package/dist/inputs/switch/switch.css.js +1 -1
- package/dist/inputs/switch/switch.d.ts.map +1 -1
- package/dist/inputs/textarea/textarea.css.cjs +1 -1
- package/dist/inputs/textarea/textarea.css.js +1 -1
- package/dist/inputs/textarea/textarea.d.ts.map +1 -1
- package/dist/inputs/time-picker/time-picker.css.cjs +1 -1
- package/dist/inputs/time-picker/time-picker.css.cjs.map +1 -1
- package/dist/inputs/time-picker/time-picker.css.js +1 -1
- package/dist/inputs/time-picker/time-picker.css.js.map +1 -1
- package/dist/inputs/time-picker/time-picker.d.ts.map +1 -1
- package/dist/layout/box/box.d.ts.map +1 -1
- package/dist/layout/grid/grid.d.ts.map +1 -1
- package/dist/layout/index.d.ts +6 -6
- package/dist/layout/index.d.ts.map +1 -1
- package/dist/layout/navbar/navbar.css.cjs +1 -1
- package/dist/layout/navbar/navbar.css.js +1 -1
- package/dist/layout/navbar/navbar.d.ts.map +1 -1
- package/dist/layout/sidebar/sidebar-group.css.cjs +1 -1
- package/dist/layout/sidebar/sidebar-group.css.cjs.map +1 -1
- package/dist/layout/sidebar/sidebar-group.css.js +1 -1
- package/dist/layout/sidebar/sidebar-group.css.js.map +1 -1
- package/dist/layout/sidebar/sidebar.css.cjs +1 -1
- package/dist/layout/sidebar/sidebar.css.cjs.map +1 -1
- package/dist/layout/sidebar/sidebar.css.js +1 -1
- package/dist/layout/sidebar/sidebar.css.js.map +1 -1
- package/dist/layout/sidebar/sidebar.d.ts.map +1 -1
- package/dist/list-item.cjs.map +1 -1
- package/dist/list-item.js.map +1 -1
- package/dist/list.cjs +2 -2
- package/dist/list.cjs.map +1 -1
- package/dist/list.js +15 -16
- package/dist/list.js.map +1 -1
- package/dist/marquee.cjs +1 -1
- package/dist/marquee.cjs.map +1 -1
- package/dist/marquee.js +1 -1
- package/dist/marquee.js.map +1 -1
- package/dist/menu.cjs +5 -5
- package/dist/menu.cjs.map +1 -1
- package/dist/menu.js +38 -39
- package/dist/menu.js.map +1 -1
- package/dist/message-composer.cjs +16 -16
- package/dist/message-composer.cjs.map +1 -1
- package/dist/message-composer.js +61 -61
- package/dist/message-composer.js.map +1 -1
- package/dist/navbar.cjs +9 -9
- package/dist/navbar.cjs.map +1 -1
- package/dist/navbar.js +1 -2
- package/dist/navbar.js.map +1 -1
- package/dist/navigation-menu.cjs +5 -5
- package/dist/navigation-menu.cjs.map +1 -1
- package/dist/navigation-menu.js +33 -34
- package/dist/navigation-menu.js.map +1 -1
- package/dist/number-input.cjs +24 -24
- package/dist/number-input.cjs.map +1 -1
- package/dist/number-input.js +41 -42
- package/dist/number-input.js.map +1 -1
- package/dist/otp-input.cjs +13 -13
- package/dist/otp-input.cjs.map +1 -1
- package/dist/otp-input.js +32 -33
- package/dist/otp-input.js.map +1 -1
- package/dist/overlay/command-palette/command-palette-items.cjs.map +1 -1
- package/dist/overlay/command-palette/command-palette-items.d.ts.map +1 -1
- package/dist/overlay/command-palette/command-palette-items.js.map +1 -1
- package/dist/overlay/command-palette/command-palette.css.cjs +1 -1
- package/dist/overlay/command-palette/command-palette.css.cjs.map +1 -1
- package/dist/overlay/command-palette/command-palette.css.js +1 -1
- package/dist/overlay/command-palette/command-palette.css.js.map +1 -1
- package/dist/overlay/command-palette/command-palette.d.ts.map +1 -1
- package/dist/overlay/dialog/dialog.css.cjs +1 -1
- package/dist/overlay/dialog/dialog.css.js +1 -1
- package/dist/overlay/dialog/dialog.d.ts.map +1 -1
- package/dist/overlay/drawer/drawer.css.cjs +1 -1
- package/dist/overlay/drawer/drawer.css.js +1 -1
- package/dist/overlay/drawer/drawer.d.ts +2 -2
- package/dist/overlay/drawer/drawer.d.ts.map +1 -1
- package/dist/overlay/index.d.ts +6 -6
- package/dist/overlay/index.d.ts.map +1 -1
- package/dist/overlay/menu/menu.css.cjs +1 -1
- package/dist/overlay/menu/menu.css.js +1 -1
- package/dist/overlay/menu/menu.d.ts +2 -2
- package/dist/overlay/menu/menu.d.ts.map +1 -1
- package/dist/overlay/navigation-menu/navigation-menu.d.ts.map +1 -1
- package/dist/overlay/popover/popover.d.ts +1 -1
- package/dist/overlay/popover/popover.d.ts.map +1 -1
- package/dist/overlay/shared/use-dialog.cjs +1 -1
- package/dist/overlay/shared/use-dialog.cjs.map +1 -1
- package/dist/overlay/shared/use-dialog.d.ts.map +1 -1
- package/dist/overlay/shared/use-dialog.js +4 -5
- package/dist/overlay/shared/use-dialog.js.map +1 -1
- package/dist/overlay/shared/use-floating-trigger.cjs +1 -1
- package/dist/overlay/shared/use-floating-trigger.cjs.map +1 -1
- package/dist/overlay/shared/use-floating-trigger.d.ts.map +1 -1
- package/dist/overlay/shared/use-floating-trigger.js +1 -2
- package/dist/overlay/shared/use-floating-trigger.js.map +1 -1
- package/dist/overlay/tooltip/tooltip.d.ts +1 -1
- package/dist/overlay/tooltip/tooltip.d.ts.map +1 -1
- package/dist/pagination.cjs.map +1 -1
- package/dist/pagination.js.map +1 -1
- package/dist/popover.cjs +1 -1
- package/dist/popover.cjs.map +1 -1
- package/dist/popover.js +0 -1
- package/dist/popover.js.map +1 -1
- package/dist/progress.cjs.map +1 -1
- package/dist/progress.js.map +1 -1
- package/dist/radio-group.cjs +5 -5
- package/dist/radio-group.cjs.map +1 -1
- package/dist/radio-group.js +26 -27
- package/dist/radio-group.js.map +1 -1
- package/dist/radio.cjs +2 -2
- package/dist/radio.cjs.map +1 -1
- package/dist/radio.js +41 -41
- package/dist/radio.js.map +1 -1
- package/dist/rating.cjs +4 -4
- package/dist/rating.cjs.map +1 -1
- package/dist/rating.js +36 -36
- package/dist/rating.js.map +1 -1
- package/dist/refine.cjs +686 -686
- package/dist/refine.cjs.map +1 -1
- package/dist/refine.iife.js +686 -686
- package/dist/refine.iife.js.map +1 -1
- package/dist/refine.js +737 -737
- package/dist/refine.js.map +1 -1
- package/dist/select.cjs +42 -42
- package/dist/select.cjs.map +1 -1
- package/dist/select.js +146 -147
- package/dist/select.js.map +1 -1
- package/dist/separator.cjs.map +1 -1
- package/dist/separator.js.map +1 -1
- package/dist/sidebar.cjs +17 -17
- package/dist/sidebar.cjs.map +1 -1
- package/dist/sidebar.js +7 -8
- package/dist/sidebar.js.map +1 -1
- package/dist/skeleton.cjs +3 -3
- package/dist/skeleton.cjs.map +1 -1
- package/dist/skeleton.js +1 -2
- package/dist/skeleton.js.map +1 -1
- package/dist/slider.cjs +12 -12
- package/dist/slider.cjs.map +1 -1
- package/dist/slider.js +54 -55
- package/dist/slider.js.map +1 -1
- package/dist/step.cjs.map +1 -1
- package/dist/step.js.map +1 -1
- package/dist/stepper.cjs +2 -2
- package/dist/stepper.cjs.map +1 -1
- package/dist/stepper.js +8 -7
- package/dist/stepper.js.map +1 -1
- package/dist/styles/index.d.ts +2 -2
- package/dist/styles/index.d.ts.map +1 -1
- package/dist/styles/preflight.css +1 -1
- package/dist/styles/theme.css +15 -30
- package/dist/switch.cjs +3 -3
- package/dist/switch.cjs.map +1 -1
- package/dist/switch.js +28 -28
- package/dist/switch.js.map +1 -1
- package/dist/tab-item.cjs +2 -2
- package/dist/tab-item.cjs.map +1 -1
- package/dist/tab-item.js +21 -21
- package/dist/tab-item.js.map +1 -1
- package/dist/tab-panel.cjs +2 -2
- package/dist/tab-panel.cjs.map +1 -1
- package/dist/tab-panel.js +9 -9
- package/dist/tab-panel.js.map +1 -1
- package/dist/table.cjs +1 -1
- package/dist/table.cjs.map +1 -1
- package/dist/table.js +1 -1
- package/dist/table.js.map +1 -1
- package/dist/tabs.cjs +6 -6
- package/dist/tabs.cjs.map +1 -1
- package/dist/tabs.js +14 -15
- package/dist/tabs.js.map +1 -1
- package/dist/textarea.cjs +11 -11
- package/dist/textarea.cjs.map +1 -1
- package/dist/textarea.js +59 -59
- package/dist/textarea.js.map +1 -1
- package/dist/time-picker.cjs.map +1 -1
- package/dist/time-picker.js.map +1 -1
- package/dist/toast.cjs +16 -16
- package/dist/toast.cjs.map +1 -1
- package/dist/toast.js +20 -21
- package/dist/toast.js.map +1 -1
- package/dist/tooltip.cjs.map +1 -1
- package/dist/tooltip.js.map +1 -1
- package/dist/typing-indicator.cjs +1 -1
- package/dist/typing-indicator.cjs.map +1 -1
- package/dist/typing-indicator.js +1 -1
- package/dist/typing-indicator.js.map +1 -1
- package/package.json +96 -97
package/dist/refine.js
CHANGED
|
@@ -1,27 +1,8 @@
|
|
|
1
|
-
import{bind as e,createContext as t,createStableId as n,css as r,define as i,getHost as a,html as o,inject as s,intersectionObserver as c,live as l,onCleanup as u,onElement as d,onEvent as f,onMounted as p,prop as m,provide as h,ref as g,resizeObserver as _,styleMap as v,unsafeHtml as y,useEmit as b,useField as x,useSlots as S,watchEffect as C,when as w}from"@vielzeug/ore";import{computed as T,effect as E,signal as D,untrack as O}from"@vielzeug/ripple";import*as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
${w(n,()=>o`
|
|
7
|
-
<span class="filename" part="filename">${e.filename}</span>
|
|
8
|
-
`)}
|
|
9
|
-
`,()=>o`
|
|
10
|
-
<div class="dots" part="dots" aria-hidden="true">
|
|
11
|
-
<span></span>
|
|
12
|
-
<span></span>
|
|
13
|
-
<span></span>
|
|
14
|
-
</div>
|
|
15
|
-
<span class="title" part="title">${e.title}</span>
|
|
16
|
-
`)}
|
|
17
|
-
<div class="header-spacer"></div>
|
|
18
|
-
<slot name="header-end"></slot>
|
|
19
|
-
</div>
|
|
20
|
-
<div class="body" part="body">
|
|
21
|
-
<slot></slot>
|
|
22
|
-
</div>
|
|
23
|
-
</div>
|
|
24
|
-
`},styles:[ae]});var oe=`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;clip-path:inset(50%);`,V=r`
|
|
1
|
+
import{bind as e,createContext as t,createStableId as n,css as r,define as i,getHost as a,html as o,inject as s,intersectionObserver as c,live as l,onCleanup as u,onElement as d,onEvent as f,onMounted as p,prop as m,provide as h,ref as g,resizeObserver as _,styleMap as v,unsafeHtml as y,useEmit as b,useField as x,useSlots as S,watchEffect as C,when as w}from"@vielzeug/ore";import{computed as T,effect as E,signal as D,untrack as O,watch as k}from"@vielzeug/ripple";import*as A from"lucide";import{Temporal as j,format as M,parse as N}from"@vielzeug/tempo";import{autoUpdate as P,computePosition as F,flip as I,getClippingAncestorRect as L,offset as R,shift as ee,size as z}from"@vielzeug/orbit";import{createDropZone as te,matchesAccept as B}from"@vielzeug/dnd";import{createKeymap as ne}from"@vielzeug/keymap";var re=Object.defineProperty,V=(e,t)=>{let n={};for(var r in e)re(n,r,{get:e[r],enumerable:!0});return t||re(n,Symbol.toStringTag,{value:`Module`}),n},ie=`@layer refine.base{:host{vertical-align:middle;color:inherit;justify-content:center;align-items:center;line-height:0;display:inline-flex}:host([hidden]){display:none}svg{width:100%;height:100%;display:block}}:host{width:var(--ore-icon-size,var(--_size-px));height:var(--ore-icon-size,var(--_size-px))}`,ae=16,oe=2,se=24,ce=`http://www.w3.org/2000/svg`,le=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),ue=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,de=/^(on|xlink:|xml:|href$)/i,fe=new Map(Object.entries(A.icons));function pe(e){for(let[t,n]of Object.entries(e))fe.set(t,n)}var me=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).split(/[^a-zA-Z0-9]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(``),he=e=>{if(e==null||e===``)return ae;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},ge=e=>fe.get(e)??fe.get(me(e)),_e=(e,t)=>{if(!le.has(e))return null;let n=document.createElementNS(ce,e);for(let[e,r]of Object.entries(t))r!==void 0&&(!ue.test(e)||de.test(e)||n.setAttribute(e,String(r)));return n},ve=`ore-icon`;i(ve,{props:{absoluteStrokeWidth:m.bool(),label:m.string(),name:m.string(),size:{default:ae,parse:he,reflect:!1},solid:m.bool(),strokeWidth:m.number(oe)},setup(t){e({attr:{"aria-hidden":()=>(t.label.value??``).trim()?null:`true`,"aria-label":()=>(t.label.value??``).trim()||null,role:()=>(t.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let e=t.size.value;return typeof e==`number`?`${e}px`:String(e)}}});let n=g(),r=T(()=>{let e=(t.name.value??``).trim();if(!e)return;let n=ge(e);return n||`${e.slice(0,64)}`,n});return C(()=>{let e=n.value,i=r.value;if(!e||!i)return;let a=t.size.value,o=typeof a==`number`?a:se,s=t.absoluteStrokeWidth.value&&!t.solid.value?t.strokeWidth.value*(se/o):t.strokeWidth.value;e.setAttribute(`fill`,t.solid.value?`currentColor`:`none`),e.setAttribute(`stroke`,t.solid.value?`none`:`currentColor`),e.setAttribute(`stroke-linecap`,`round`),e.setAttribute(`stroke-linejoin`,`round`),e.setAttribute(`stroke-width`,String(t.solid.value?0:s)),e.setAttribute(`viewBox`,`0 0 24 24`);let c=i.map(([e,t])=>_e(e,t)).filter(e=>!!e);e.replaceChildren(...c)}),o`
|
|
2
|
+
${w(()=>!!r.value,()=>o`
|
|
3
|
+
<svg ref="${n}" part="svg" style="width:100%;height:100%"></svg>
|
|
4
|
+
`)}
|
|
5
|
+
`},styles:[ie]});var H={color:m.string()},U={size:m.string()},W={disabled:m.bool(!1)},ye={loading:m.bool(!1)},G={rounded:m.string()};m.number();var be={...H,...U,...W,...ye,...G},xe={lg:{"--_field-height":`var(--size-12)`,"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_field-height":`var(--size-10)`,"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_field-height":`var(--size-8)`,"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},Se={lg:{"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},Ce={lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`}},we={lg:{fontSize:`var(--text-base)`,gap:`var(--size-3)`,height:`var(--size-7)`,thumbSize:`var(--size-6)`,width:`var(--size-14)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-2)`,height:`var(--size-5)`,thumbSize:`var(--size-4)`,width:`var(--size-9)`}},Te={lg:{"--_thumb-inset":`var(--slider-thumb-inset, var(--size-3))`,fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-6)`},md:{"--_thumb-inset":`var(--slider-thumb-inset, var(--size-2-5))`,fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{"--_thumb-inset":`var(--slider-thumb-inset, var(--size-2))`,fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},Ee={lg:{"--_padding":`var(--size-4)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_padding":`var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_padding":`var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},De={lg:{"--_item-padding":`var(--size-2) var(--size-3-5)`,"--_panel-padding":`var(--size-1-5)`,"--_separator-margin":`var(--size-1-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_item-padding":`var(--size-1-5) var(--size-3)`,"--_panel-padding":`var(--size-1)`,"--_separator-margin":`var(--size-1)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_item-padding":`var(--size-1) var(--size-2-5)`,"--_panel-padding":`var(--size-0-5)`,"--_separator-margin":`var(--size-0-5)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},Oe={lg:{"--_min-height":`var(--size-14)`,"--_min-height-two-line":`calc(var(--size-16) + var(--size-2))`,"--_padding-inline-end":`var(--size-6)`,fontSize:`var(--text-base)`,gap:`var(--size-4)`,padding:`var(--size-3) var(--size-4)`},md:{"--_min-height":`var(--size-14)`,"--_min-height-two-line":`calc(var(--size-16) + var(--size-2))`,"--_padding-inline-end":`var(--size-6)`,fontSize:`var(--text-sm)`,gap:`var(--size-4)`,padding:`var(--size-2-5) var(--size-4)`},sm:{"--_min-height":`var(--size-12)`,"--_min-height-two-line":`var(--size-16)`,"--_padding-inline-end":`var(--size-4)`,fontSize:`var(--text-xs)`,gap:`var(--size-2)`,padding:`var(--size-1-5) var(--size-2)`}},ke={lg:{"--_min-height":`var(--size-40)`,fontSize:`var(--text-base)`},md:{"--_min-height":`var(--size-32)`,fontSize:`var(--text-sm)`},sm:{"--_min-height":`var(--size-28)`,fontSize:`var(--text-xs)`}},Ae=`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;clip-path:inset(50%);`,je=r`
|
|
25
6
|
.sr-only {
|
|
26
7
|
position: absolute;
|
|
27
8
|
width: 1px;
|
|
@@ -33,7 +14,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
33
14
|
border-width: 0;
|
|
34
15
|
clip-path: inset(50%);
|
|
35
16
|
}
|
|
36
|
-
`,
|
|
17
|
+
`,K=r`
|
|
37
18
|
@media (pointer: coarse) {
|
|
38
19
|
/* Default / md size: promote all scale tokens one tier up (md → lg) */
|
|
39
20
|
:host,
|
|
@@ -63,14 +44,14 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
63
44
|
--_touch-target: var(--size-11);
|
|
64
45
|
}
|
|
65
46
|
}
|
|
66
|
-
`,
|
|
47
|
+
`,q=r`
|
|
67
48
|
@media (prefers-reduced-motion: reduce) {
|
|
68
49
|
:host {
|
|
69
50
|
--_motion-transition: none;
|
|
70
51
|
--_motion-animation: none;
|
|
71
52
|
}
|
|
72
53
|
}
|
|
73
|
-
`,
|
|
54
|
+
`,Me=!1;function Ne(){if(!Me){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--rainbow-angle`,syntax:`<angle>`})}catch{}Me=!0}}var Pe=!1;function Fe(){if(!Pe){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--shine-angle`,syntax:`<angle>`})}catch{}Pe=!0}}var Ie=e=>(Ne(),r`
|
|
74
55
|
/* ========================================
|
|
75
56
|
Rainbow Border Effect
|
|
76
57
|
======================================== */
|
|
@@ -139,7 +120,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
139
120
|
animation: none;
|
|
140
121
|
}
|
|
141
122
|
}
|
|
142
|
-
`),
|
|
123
|
+
`),Le=e=>(Fe(),r`
|
|
143
124
|
/* ========================================
|
|
144
125
|
Shine Border Effect
|
|
145
126
|
======================================== */
|
|
@@ -198,7 +179,90 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
198
179
|
animation: none;
|
|
199
180
|
}
|
|
200
181
|
}
|
|
201
|
-
`),
|
|
182
|
+
`),Re=({accentVar:e=`--_theme-focus`,container:t,text:n=t,tokenPrefix:i})=>r`
|
|
183
|
+
@layer refine.variants {
|
|
184
|
+
/* Solid (default) */
|
|
185
|
+
:host(:not([variant])),
|
|
186
|
+
:host([variant='solid']) {
|
|
187
|
+
--_bg: var(--${i}-bg, var(--color-contrast-50));
|
|
188
|
+
--_border-color: var(--${i}-border-color, var(--color-contrast-300));
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
:host(:not([variant])) ${t}, :host([variant='solid']) ${t} {
|
|
192
|
+
box-shadow: var(--shadow-2xs);
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
/* Flat */
|
|
196
|
+
:host([variant='flat']) {
|
|
197
|
+
--_bg: var(--${i}-bg, var(--color-contrast-100));
|
|
198
|
+
--_border-color: var(--${i}-border-color, color-mix(in oklch, var(${e}) 20%, transparent));
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
:host([variant='flat']) ${t} {
|
|
202
|
+
box-shadow: var(--inset-shadow-2xs);
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
:host([variant='flat']:not([disabled])) ${t}:hover {
|
|
206
|
+
background: var(--${i}-hover-bg, color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));
|
|
207
|
+
border-color: var(
|
|
208
|
+
--${i}-hover-border-color,
|
|
209
|
+
color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300))
|
|
210
|
+
);
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
:host([variant='flat']:not([disabled])) ${t}:focus-within {
|
|
214
|
+
background: var(--${i}-focus-bg, color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));
|
|
215
|
+
border-color: var(--${i}-focus-border-color, color-mix(in oklch, var(${e}) 60%, transparent));
|
|
216
|
+
box-shadow: var(--_theme-shadow);
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
/* Bordered */
|
|
220
|
+
:host([variant='bordered']) {
|
|
221
|
+
--_bg: var(--${i}-bg, var(--_theme-backdrop));
|
|
222
|
+
--_border-color: var(--${i}-border-color, color-mix(in oklch, var(${e}) 70%, transparent));
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
:host([variant='bordered']:not([disabled])) ${t}:hover {
|
|
226
|
+
border-color: var(--${i}-hover-border-color, var(${e}));
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
:host([variant='bordered']) ${n} {
|
|
230
|
+
color: var(--_theme-base);
|
|
231
|
+
caret-color: var(--_theme-base);
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
:host([variant='bordered']) ${n}::placeholder {
|
|
235
|
+
color: var(--${i}-placeholder-color, color-mix(in oklch, var(--_theme-base) 45%, transparent));
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
/* Outline — border always visible, so unlike the other variants it can't lean on a
|
|
239
|
+
per-component \`:host{}\` base fallback for \`--_border-color\` that may or may not exist
|
|
240
|
+
(\`ore-message-composer\` has none — every other rule here sets both custom properties, so
|
|
241
|
+
its base layer omits a default on the assumption that always holds). Set explicitly. */
|
|
242
|
+
:host([variant='outline']) {
|
|
243
|
+
--_bg: var(--${i}-bg, transparent);
|
|
244
|
+
--_border-color: var(--${i}-border-color, var(--color-contrast-300));
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
:host([variant='outline']) ${t} {
|
|
248
|
+
box-shadow: none;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
/* Ghost */
|
|
252
|
+
:host([variant='ghost']) {
|
|
253
|
+
--_bg: var(--${i}-bg, transparent);
|
|
254
|
+
--_border-color: var(--${i}-border-color, transparent);
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
:host([variant='ghost']) ${t} {
|
|
258
|
+
box-shadow: none;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
:host([variant='ghost']:not([disabled])) ${t}:hover {
|
|
262
|
+
background: var(--${i}-hover-bg, var(--color-contrast-100));
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
`,ze=r`
|
|
202
266
|
/* ========================================
|
|
203
267
|
Padding Variants
|
|
204
268
|
======================================== */
|
|
@@ -222,7 +286,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
222
286
|
:host([padding='xl']) {
|
|
223
287
|
--_padding: var(--size-8);
|
|
224
288
|
}
|
|
225
|
-
`,
|
|
289
|
+
`,J=r`
|
|
226
290
|
:host([rounded='none']) {
|
|
227
291
|
--_radius: var(--rounded-none);
|
|
228
292
|
}
|
|
@@ -248,8 +312,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
248
312
|
:host([rounded='']) {
|
|
249
313
|
--_radius: var(--rounded-full);
|
|
250
314
|
}
|
|
251
|
-
`,
|
|
252
|
-
`),
|
|
315
|
+
`,Be={fontSize:`--_font-size`,gap:`--_gap`,height:`--_height`,iconSize:`--_icon-size`,lineHeight:`--_line-height`,padding:`--_padding`,size:`--_size`,thumbSize:`--_thumb-size`,width:`--_width`},Ve=e=>Object.entries(e).filter(([,e])=>e!==void 0).map(([e,t])=>`${e.startsWith(`--`)?e:Be[e]??`--_${e}`}: ${t};`).join(`
|
|
316
|
+
`),Y=e=>{let t=Ve({fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`,...e?.sm}),n=Ve({fontSize:`var(--text-sm)`,gap:`var(--size-2)`,size:`var(--size-5)`,...e?.md}),i=Ve({fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`,...e?.lg});return r`
|
|
253
317
|
:host {
|
|
254
318
|
${n}
|
|
255
319
|
}
|
|
@@ -262,7 +326,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
262
326
|
:host([size='lg']) {
|
|
263
327
|
${i}
|
|
264
328
|
}
|
|
265
|
-
`},
|
|
329
|
+
`},He=r`
|
|
266
330
|
:host([disabled]) {
|
|
267
331
|
opacity: 0.5;
|
|
268
332
|
cursor: not-allowed;
|
|
@@ -282,7 +346,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
282
346
|
:host([loading]) > :not(slot) {
|
|
283
347
|
pointer-events: none;
|
|
284
348
|
}
|
|
285
|
-
`;var
|
|
349
|
+
`;var Ue=r`
|
|
286
350
|
:host([disabled]),
|
|
287
351
|
:host([loading]) {
|
|
288
352
|
opacity: 0.5;
|
|
@@ -297,7 +361,99 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
297
361
|
:host([loading]) > :not(slot) {
|
|
298
362
|
pointer-events: none;
|
|
299
363
|
}
|
|
300
|
-
`,
|
|
364
|
+
`,We=e=>r`
|
|
365
|
+
@layer refine.base {
|
|
366
|
+
:host {
|
|
367
|
+
/* ── Public token API ─────────────────────────────────────────────── */
|
|
368
|
+
--_bg: var(--${e}-bg, var(--color-canvas));
|
|
369
|
+
--_border-color: var(--${e}-border-color, var(--color-contrast-200));
|
|
370
|
+
--_radius: var(--${e}-radius, var(--rounded-xl));
|
|
371
|
+
--_header-bg: var(--${e}-header-bg, var(--color-contrast-50));
|
|
372
|
+
--_accent: var(--${e}-accent, var(--color-neutral-focus));
|
|
373
|
+
--_row-hover-bg: var(--${e}-row-hover-bg, color-mix(in oklch, var(--_accent) 6%, transparent));
|
|
374
|
+
--_stripe-bg: var(--${e}-stripe-bg, color-mix(in oklch, var(--color-contrast-900) 3%, transparent));
|
|
375
|
+
--_cell-padding-x: var(--${e}-cell-padding-x, var(--size-3));
|
|
376
|
+
--_cell-padding-y: var(--${e}-cell-padding-y, var(--size-2-5));
|
|
377
|
+
--_font-size: var(--${e}-font-size, var(--text-sm));
|
|
378
|
+
|
|
379
|
+
display: block;
|
|
380
|
+
overflow: hidden;
|
|
381
|
+
background: var(--_bg);
|
|
382
|
+
border: var(--border) solid var(--_border-color);
|
|
383
|
+
border-radius: var(--_radius);
|
|
384
|
+
box-shadow: var(--${e}-shadow, var(--shadow-sm));
|
|
385
|
+
}
|
|
386
|
+
|
|
387
|
+
/* ── Scroll wrapper ─────────────────────────────────────────────────── */
|
|
388
|
+
|
|
389
|
+
.scroll-container {
|
|
390
|
+
overflow: auto;
|
|
391
|
+
max-height: var(--${e}-max-height, none);
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
/* ── Native table ───────────────────────────────────────────────────── */
|
|
395
|
+
|
|
396
|
+
table {
|
|
397
|
+
width: 100%;
|
|
398
|
+
font-size: var(--_font-size);
|
|
399
|
+
table-layout: auto;
|
|
400
|
+
border-collapse: collapse;
|
|
401
|
+
background: var(--_bg);
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
/* ── Loading state ──────────────────────────────────────────────────── */
|
|
405
|
+
|
|
406
|
+
:host([loading]) .scroll-container {
|
|
407
|
+
opacity: 0.5;
|
|
408
|
+
pointer-events: none;
|
|
409
|
+
cursor: wait;
|
|
410
|
+
}
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
@layer refine.variants {
|
|
414
|
+
/* Bordered */
|
|
415
|
+
:host([bordered]) {
|
|
416
|
+
overflow: hidden;
|
|
417
|
+
border: var(--border) solid var(--_border-color);
|
|
418
|
+
border-radius: var(--_radius);
|
|
419
|
+
box-shadow: var(--shadow-xs);
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
:host([bordered]) .scroll-container {
|
|
423
|
+
border-radius: inherit;
|
|
424
|
+
clip-path: inset(0 round var(--_radius));
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
/* Sticky header */
|
|
428
|
+
:host([sticky]) .scroll-container {
|
|
429
|
+
max-height: var(--${e}-sticky-max-height, 24rem);
|
|
430
|
+
overflow-y: auto;
|
|
431
|
+
}
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
@layer refine.density {
|
|
435
|
+
:host([density='compact']) {
|
|
436
|
+
--_cell-padding-x: var(--size-2);
|
|
437
|
+
--_cell-padding-y: var(--size-1-5);
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
:host([density='cozy']) {
|
|
441
|
+
--_cell-padding-x: var(--size-3);
|
|
442
|
+
--_cell-padding-y: var(--size-2-5);
|
|
443
|
+
}
|
|
444
|
+
|
|
445
|
+
:host([density='comfortable']) {
|
|
446
|
+
--_cell-padding-x: var(--size-4);
|
|
447
|
+
--_cell-padding-y: var(--size-3-5);
|
|
448
|
+
}
|
|
449
|
+
}
|
|
450
|
+
|
|
451
|
+
@layer refine.overrides {
|
|
452
|
+
:host([fullwidth]) {
|
|
453
|
+
width: 100%;
|
|
454
|
+
}
|
|
455
|
+
}
|
|
456
|
+
`,Ge=[`primary`,`secondary`,`info`,`success`,`warning`,`error`],Ke={backdrop:e=>`var(--color-${e}-backdrop)`,base:e=>`var(--color-${e})`,border:e=>`var(--color-${e}-border)`,content:e=>`var(--color-${e}-content)`,contrast:e=>`var(--color-${e}-contrast)`,focus:e=>`var(--color-${e}-focus)`,halo:e=>`var(--halo-shadow-${e})`,shadow:e=>`var(--color-${e}-focus-shadow)`},X=r`
|
|
301
457
|
:host {
|
|
302
458
|
--_theme-base: var(--color-neutral);
|
|
303
459
|
--_theme-content: var(--color-neutral-content);
|
|
@@ -309,11 +465,11 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
309
465
|
--_theme-halo: var(--halo-shadow-neutral);
|
|
310
466
|
}
|
|
311
467
|
|
|
312
|
-
${
|
|
468
|
+
${Ge.map(e=>`:host([color='${e}']) {\n${Object.entries(Ke).map(([t,n])=>` --_theme-${t}: ${n(e)};`).join(`
|
|
313
469
|
`)}\n}`).join(`
|
|
314
470
|
|
|
315
471
|
`)}
|
|
316
|
-
`,
|
|
472
|
+
`,qe=r`
|
|
317
473
|
/* ========================================
|
|
318
474
|
Elevation Levels (0-5)
|
|
319
475
|
======================================== */
|
|
@@ -341,13 +497,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
341
497
|
:host([elevation='5']) {
|
|
342
498
|
--_shadow: var(--shadow-2xl);
|
|
343
499
|
}
|
|
344
|
-
`,
|
|
500
|
+
`,Je=r`
|
|
345
501
|
@media (forced-colors: active) {
|
|
346
502
|
:host {
|
|
347
503
|
border: 1px solid ButtonText;
|
|
348
504
|
}
|
|
349
505
|
}
|
|
350
|
-
`,
|
|
506
|
+
`,Ye=e=>r`
|
|
351
507
|
@media (forced-colors: active) {
|
|
352
508
|
${e}:focus-visible {
|
|
353
509
|
outline: 2px solid Highlight;
|
|
@@ -355,7 +511,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
355
511
|
box-shadow: none;
|
|
356
512
|
}
|
|
357
513
|
}
|
|
358
|
-
`,
|
|
514
|
+
`,Xe=r`
|
|
359
515
|
@media (forced-colors: active) {
|
|
360
516
|
:host {
|
|
361
517
|
forced-color-adjust: none;
|
|
@@ -375,7 +531,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
375
531
|
border-color: GrayText;
|
|
376
532
|
}
|
|
377
533
|
}
|
|
378
|
-
`,
|
|
534
|
+
`,Ze=e=>r`
|
|
379
535
|
:host([variant='frost']) ${e} {
|
|
380
536
|
backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);
|
|
381
537
|
-webkit-backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);
|
|
@@ -428,207 +584,73 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
428
584
|
backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
|
|
429
585
|
-webkit-backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
|
|
430
586
|
}
|
|
431
|
-
`,
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
}
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
}
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
:host([variant='outline']) ${t} {
|
|
497
|
-
box-shadow: none;
|
|
498
|
-
}
|
|
499
|
-
|
|
500
|
-
/* Ghost */
|
|
501
|
-
:host([variant='ghost']) {
|
|
502
|
-
--_bg: var(--${i}-bg, transparent);
|
|
503
|
-
--_border-color: var(--${i}-border-color, transparent);
|
|
504
|
-
}
|
|
505
|
-
|
|
506
|
-
:host([variant='ghost']) ${t} {
|
|
507
|
-
box-shadow: none;
|
|
508
|
-
}
|
|
509
|
-
|
|
510
|
-
:host([variant='ghost']:not([disabled])) ${t}:hover {
|
|
511
|
-
background: var(--${i}-hover-bg, var(--color-contrast-100));
|
|
512
|
-
}
|
|
513
|
-
}
|
|
514
|
-
`,Te=e=>r`
|
|
515
|
-
@layer refine.base {
|
|
516
|
-
:host {
|
|
517
|
-
/* ── Public token API ─────────────────────────────────────────────── */
|
|
518
|
-
--_bg: var(--${e}-bg, var(--color-canvas));
|
|
519
|
-
--_border-color: var(--${e}-border-color, var(--color-contrast-200));
|
|
520
|
-
--_radius: var(--${e}-radius, var(--rounded-xl));
|
|
521
|
-
--_header-bg: var(--${e}-header-bg, var(--color-contrast-50));
|
|
522
|
-
--_accent: var(--${e}-accent, var(--color-neutral-focus));
|
|
523
|
-
--_row-hover-bg: var(--${e}-row-hover-bg, color-mix(in oklch, var(--_accent) 6%, transparent));
|
|
524
|
-
--_stripe-bg: var(--${e}-stripe-bg, color-mix(in oklch, var(--color-contrast-900) 3%, transparent));
|
|
525
|
-
--_cell-padding-x: var(--${e}-cell-padding-x, var(--size-3));
|
|
526
|
-
--_cell-padding-y: var(--${e}-cell-padding-y, var(--size-2-5));
|
|
527
|
-
--_font-size: var(--${e}-font-size, var(--text-sm));
|
|
528
|
-
|
|
529
|
-
display: block;
|
|
530
|
-
overflow: hidden;
|
|
531
|
-
background: var(--_bg);
|
|
532
|
-
border: var(--border) solid var(--_border-color);
|
|
533
|
-
border-radius: var(--_radius);
|
|
534
|
-
box-shadow: var(--${e}-shadow, var(--shadow-sm));
|
|
535
|
-
}
|
|
536
|
-
|
|
537
|
-
/* ── Scroll wrapper ─────────────────────────────────────────────────── */
|
|
538
|
-
|
|
539
|
-
.scroll-container {
|
|
540
|
-
overflow: auto;
|
|
541
|
-
max-height: var(--${e}-max-height, none);
|
|
542
|
-
}
|
|
543
|
-
|
|
544
|
-
/* ── Native table ───────────────────────────────────────────────────── */
|
|
545
|
-
|
|
546
|
-
table {
|
|
547
|
-
width: 100%;
|
|
548
|
-
font-size: var(--_font-size);
|
|
549
|
-
table-layout: auto;
|
|
550
|
-
border-collapse: collapse;
|
|
551
|
-
background: var(--_bg);
|
|
552
|
-
}
|
|
553
|
-
|
|
554
|
-
/* ── Loading state ──────────────────────────────────────────────────── */
|
|
555
|
-
|
|
556
|
-
:host([loading]) .scroll-container {
|
|
557
|
-
opacity: 0.5;
|
|
558
|
-
pointer-events: none;
|
|
559
|
-
cursor: wait;
|
|
560
|
-
}
|
|
561
|
-
}
|
|
562
|
-
|
|
563
|
-
@layer refine.variants {
|
|
564
|
-
/* Bordered */
|
|
565
|
-
:host([bordered]) {
|
|
566
|
-
overflow: hidden;
|
|
567
|
-
border: var(--border) solid var(--_border-color);
|
|
568
|
-
border-radius: var(--_radius);
|
|
569
|
-
box-shadow: var(--shadow-xs);
|
|
570
|
-
}
|
|
571
|
-
|
|
572
|
-
:host([bordered]) .scroll-container {
|
|
573
|
-
border-radius: inherit;
|
|
574
|
-
clip-path: inset(0 round var(--_radius));
|
|
575
|
-
}
|
|
576
|
-
|
|
577
|
-
/* Sticky header */
|
|
578
|
-
:host([sticky]) .scroll-container {
|
|
579
|
-
max-height: var(--${e}-sticky-max-height, 24rem);
|
|
580
|
-
overflow-y: auto;
|
|
581
|
-
}
|
|
582
|
-
}
|
|
583
|
-
|
|
584
|
-
@layer refine.density {
|
|
585
|
-
:host([density='compact']) {
|
|
586
|
-
--_cell-padding-x: var(--size-2);
|
|
587
|
-
--_cell-padding-y: var(--size-1-5);
|
|
588
|
-
}
|
|
589
|
-
|
|
590
|
-
:host([density='cozy']) {
|
|
591
|
-
--_cell-padding-x: var(--size-3);
|
|
592
|
-
--_cell-padding-y: var(--size-2-5);
|
|
593
|
-
}
|
|
594
|
-
|
|
595
|
-
:host([density='comfortable']) {
|
|
596
|
-
--_cell-padding-x: var(--size-4);
|
|
597
|
-
--_cell-padding-y: var(--size-3-5);
|
|
598
|
-
}
|
|
599
|
-
}
|
|
600
|
-
|
|
601
|
-
@layer refine.overrides {
|
|
602
|
-
:host([fullwidth]) {
|
|
603
|
-
width: 100%;
|
|
604
|
-
}
|
|
605
|
-
}
|
|
606
|
-
`,Ee=`@layer refine.base{:host{vertical-align:middle;color:inherit;justify-content:center;align-items:center;line-height:0;display:inline-flex}:host([hidden]){display:none}svg{width:100%;height:100%;display:block}}:host{width:var(--ore-icon-size,var(--_size-px));height:var(--ore-icon-size,var(--_size-px))}`,De=16,Oe=2,ke=24,Ae=`http://www.w3.org/2000/svg`,je=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),Me=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,Ne=/^(on|xlink:|xml:|href$)/i,Pe=new Map(Object.entries(k.icons));function Fe(e){for(let[t,n]of Object.entries(e))Pe.set(t,n)}var Ie=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).split(/[^a-zA-Z0-9]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(``),Le=e=>{if(e==null||e===``)return De;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},Re=e=>Pe.get(e)??Pe.get(Ie(e)),ze=(e,t)=>{if(!je.has(e))return null;let n=document.createElementNS(Ae,e);for(let[e,r]of Object.entries(t))r!==void 0&&(!Me.test(e)||Ne.test(e)||n.setAttribute(e,String(r)));return n},Be=`ore-icon`;i(Be,{props:{absoluteStrokeWidth:m.bool(),label:m.string(),name:m.string(),size:{default:De,parse:Le,reflect:!1},solid:m.bool(),strokeWidth:m.number(Oe)},setup(t){e({attr:{"aria-hidden":()=>(t.label.value??``).trim()?null:`true`,"aria-label":()=>(t.label.value??``).trim()||null,role:()=>(t.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let e=t.size.value;return typeof e==`number`?`${e}px`:String(e)}}});let n=g(),r=T(()=>{let e=(t.name.value??``).trim();if(!e)return;let n=Re(e);return n||`${e.slice(0,64)}`,n});return C(()=>{let e=n.value,i=r.value;if(!e||!i)return;let a=t.size.value,o=typeof a==`number`?a:ke,s=t.absoluteStrokeWidth.value&&!t.solid.value?t.strokeWidth.value*(ke/o):t.strokeWidth.value;e.setAttribute(`fill`,t.solid.value?`currentColor`:`none`),e.setAttribute(`stroke`,t.solid.value?`none`:`currentColor`),e.setAttribute(`stroke-linecap`,`round`),e.setAttribute(`stroke-linejoin`,`round`),e.setAttribute(`stroke-width`,String(t.solid.value?0:s)),e.setAttribute(`viewBox`,`0 0 24 24`);let c=i.map(([e,t])=>ze(e,t)).filter(e=>!!e);e.replaceChildren(...c)}),o`
|
|
607
|
-
${w(()=>!!r.value,()=>o`
|
|
608
|
-
<svg ref="${n}" part="svg" style="width:100%;height:100%"></svg>
|
|
609
|
-
`)}
|
|
610
|
-
`},styles:[Ee]});var Ve=`@layer refine.base{:host{--_bg:var(--copy-command-bg,var(--color-contrast-100));--_color:var(--copy-command-color,var(--text-color-body));--_border-color:var(--copy-command-border-color,var(--color-contrast-300));--_radius:var(--copy-command-radius,var(--rounded-md));--_padding:var(--copy-command-padding,var(--size-2) var(--size-3));--_font-size:var(--copy-command-font-size,var(--text-sm));--_icon-color:var(--copy-command-icon-color,var(--text-color-secondary));--_hover-bg:var(--copy-command-hover-bg,var(--color-contrast-200));display:inline-block}:host([hidden]){display:none}:host([rounded=none]){--_radius:var(--rounded-none,0)}:host([rounded=sm]){--_radius:var(--rounded-sm)}:host([rounded=md]){--_radius:var(--rounded-md)}:host([rounded=lg]){--_radius:var(--rounded-lg)}:host([rounded=xl]){--_radius:var(--rounded-xl)}:host([rounded="2xl"]){--_radius:var(--rounded-2xl)}:host([rounded="3xl"]){--_radius:var(--rounded-3xl)}:host([rounded=full]){--_radius:var(--rounded-full)}:host([size=sm]){--_padding:var(--copy-command-padding,var(--size-1) var(--size-2));--_font-size:var(--copy-command-font-size,var(--text-xs))}:host([size=lg]){--_padding:var(--copy-command-padding,var(--size-2-5) var(--size-4));--_font-size:var(--copy-command-font-size,var(--text-base))}:host([variant=bordered]){--_bg:var(--copy-command-bg,transparent);--_border-color:var(--copy-command-border-color,var(--color-contrast-400))}:host([variant=ghost]){--_bg:var(--copy-command-bg,transparent);--_border-color:var(--copy-command-border-color,transparent);--_hover-bg:var(--copy-command-hover-bg,var(--color-contrast-100))}.wrapper{background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--transition-normal), background var(--transition-normal);align-items:stretch;display:inline-flex;overflow:hidden}.command{gap:var(--size-2);padding:var(--_padding);font-family:var(--font-mono);font-size:var(--_font-size);color:var(--_color);text-align:start;cursor:pointer;transition:background var(--transition-normal);background:0 0;border:none;flex:1;align-items:center;display:inline-flex}.command:hover{background:var(--_hover-bg)}.command:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:calc(var(--_radius) - 1px)}.command-text{text-overflow:ellipsis;font-family:inherit;font-size:inherit;color:inherit;white-space:nowrap;background:0 0;flex:1;overflow:hidden}.copy-icon{color:var(--_icon-color);transition:color var(--transition-normal);flex-shrink:0;align-items:center;display:inline-flex}.icon-copied{color:var(--color-success,#44a53b)}@supports (color:lab(0% 0 0)){.icon-copied{color:var(--color-success,lab(60.204% -45.248 44.171))}}.icon-failed{color:var(--color-danger,#ed4042)}@supports (color:lab(0% 0 0)){.icon-failed{color:var(--color-danger,lab(54.9593% 66.408 40.8869))}}.suffix{align-items:stretch;display:flex}.suffix:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}.suffix:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}.suffix[hidden]{display:none}::slotted([slot=suffix]){align-items:center;display:flex}}`,He=`ore-copy-command`;i(He,{props:{rounded:m.string(`md`),size:m.string(`md`),value:m.string(``),variant:m.string(`flat`)},setup(e){let t=b(),n=S(),r=D(!1),i=D(!1),a=null;u(()=>{a!==null&&clearTimeout(a)});let s=async()=>{let n=e.value.value??``;if(n){a!==null&&clearTimeout(a);try{await navigator.clipboard.writeText(n),r.value=!0,i.value=!1,t(`copy`,{value:n})}catch{r.value=!1,i.value=!0}a=setTimeout(()=>{r.value=!1,i.value=!1,a=null},2e3)}},c=T(()=>n.has(`suffix`).value),l=T(()=>r.value?`Copied!`:i.value?`Copy failed — press to try again`:`Copy: ${e.value.value??``}`);return o`
|
|
611
|
-
<div class="wrapper" part="wrapper">
|
|
612
|
-
<button class="command" part="command" type="button" aria-label="${l}" @click=${s}>
|
|
613
|
-
<code class="command-text" part="command-text">${e.value}</code>
|
|
614
|
-
<span class="copy-icon" part="copy-icon" aria-hidden="true">
|
|
615
|
-
${()=>r.value?o`
|
|
616
|
-
<ore-icon name="check" size="14" class="icon-copied" aria-hidden="true"></ore-icon>
|
|
617
|
-
`:i.value?o`
|
|
618
|
-
<ore-icon name="circle-alert" size="14" class="icon-failed" aria-hidden="true"></ore-icon>
|
|
619
|
-
`:o`
|
|
620
|
-
<ore-icon name="copy" size="14" aria-hidden="true"></ore-icon>
|
|
621
|
-
`}
|
|
622
|
-
</span>
|
|
623
|
-
</button>
|
|
624
|
-
<div class="suffix" part="suffix" ?hidden="${()=>!c.value}">
|
|
625
|
-
<slot name="suffix"></slot>
|
|
587
|
+
`,Qe=`@layer refine.base{:host{--_bg:var(--avatar-bg,var(--_theme-backdrop,var(--color-contrast-200)));--_color:var(--avatar-color,var(--_theme-base,var(--color-contrast-700)));--_radius:var(--avatar-radius,var(--rounded-full));--_font-weight:var(--avatar-font-weight,var(--font-semibold));--_border:var(--avatar-border,none);--_border-color:var(--avatar-border-color,var(--color-canvas));--_size:var(--avatar-size,var(--size-10));--_font-size:var(--avatar-font-size,var(--text-sm));flex-shrink:0;display:inline-flex;position:relative}.avatar{box-sizing:border-box;width:var(--_size);height:var(--_size);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);text-transform:uppercase;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--_border);border-color:var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}img{object-fit:cover;width:100%;height:100%;display:block}img[hidden]{display:none}.initials{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.icon-fallback{width:100%;height:100%;color:var(--_color);opacity:.6;justify-content:center;align-items:center;display:inline-flex}.status{border:2px solid var(--_border-color,var(--color-canvas));border-radius:var(--rounded-full);width:.75em;height:.75em;position:absolute;bottom:0}.status:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.status:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.status[data-status=online]{background:var(--color-success)}.status[data-status=offline]{background:var(--color-contrast-400)}.status[data-status=busy]{background:var(--color-error)}.status[data-status=away]{background:var(--color-warning)}}@media (forced-colors:active){.avatar{forced-color-adjust:none;border:1px solid buttontext}.status{background:highlight;border:2px solid buttontext}}`,$e={away:`Away`,busy:`Busy`,offline:`Offline`,online:`Online`},et=`ore-avatar`;i(et,{props:{...H,...U,...G,alt:m.string(),initials:m.string(),src:m.string(),status:m.string()},setup(e){let t=D(!1);k(e.src,()=>{t.value=!1});let n=e=>{e&&(e.addEventListener(`error`,()=>{t.value=!0}),e.addEventListener(`load`,()=>{t.value=!1}))},r=T(()=>{if(e.initials.value)return e.initials.value.slice(0,2);let t=e.alt.value;if(!t)return``;let n=t.trim().split(/\s+/);return n.length>=2?(n[0][0]+n[n.length-1][0]).toUpperCase():n[0].slice(0,2).toUpperCase()}),i=T(()=>!!e.src.value&&!t.value),a=T(()=>!i.value&&!!r.value),s=T(()=>!i.value&&!a.value),c=()=>{let t=e.alt.value||null,n=e.status.value,r=n?$e[n]:null;return!t&&!r?null:t?r?`${t}, ${r}`:t:`Status: ${r}`};return o`
|
|
588
|
+
<span class="avatar" part="avatar" aria-label="${c}" role="${()=>c()?`img`:null}">
|
|
589
|
+
${()=>e.src.value?o`
|
|
590
|
+
<img
|
|
591
|
+
ref="${n}"
|
|
592
|
+
part="img"
|
|
593
|
+
src="${e.src}"
|
|
594
|
+
alt="${e.alt}"
|
|
595
|
+
?hidden="${()=>!i.value}"
|
|
596
|
+
aria-hidden="true" />
|
|
597
|
+
`:``}
|
|
598
|
+
${()=>a.value?o`
|
|
599
|
+
<span class="initials" part="initials" aria-hidden="true">${r}</span>
|
|
600
|
+
`:``}
|
|
601
|
+
${()=>s.value?o`
|
|
602
|
+
<ore-icon class="icon-fallback" part="fallback" name="user" size="50%"></ore-icon>
|
|
603
|
+
`:``}
|
|
604
|
+
</span>
|
|
605
|
+
${()=>e.status.value?o`
|
|
606
|
+
<span class="status" part="status" data-status="${e.status}" aria-hidden="true"></span>
|
|
607
|
+
`:``}
|
|
608
|
+
`},styles:[X,J,Y({lg:{fontSize:`var(--avatar-font-size, var(--text-base))`,size:`var(--avatar-size, var(--size-14))`},md:{fontSize:`var(--avatar-font-size, var(--text-sm))`,size:`var(--avatar-size, var(--size-10))`},sm:{fontSize:`var(--avatar-font-size, var(--text-xs))`,size:`var(--avatar-size, var(--size-7))`}}),Qe]});var tt=`@layer refine.base{:host{flex-direction:row;display:inline-flex}::slotted(ore-avatar){--avatar-border:var(--border-2) solid var(--color-canvas);margin-left:calc(var(--avatar-group-overlap,-.75rem))}::slotted(ore-avatar:first-child){margin-left:0}:host([dir=rtl]) ::slotted(ore-avatar),:host(:dir(rtl)) ::slotted(ore-avatar){margin-right:calc(var(--avatar-group-overlap,-.75rem));margin-left:0}:host([dir=rtl]) ::slotted(ore-avatar:first-child),:host(:dir(rtl)) ::slotted(ore-avatar:first-child){margin-right:0}::slotted(ore-avatar[data-avatar-group-hidden]){display:none}.overflow-badge{--_size:var(--avatar-size,var(--size-10));box-sizing:border-box;width:var(--_size);height:var(--_size);margin-left:calc(var(--avatar-group-overlap,-.75rem));font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-700);-webkit-user-select:none;user-select:none;background:var(--color-contrast-200);border:var(--border-2) solid var(--color-canvas);border-radius:var(--rounded-full);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}:host([dir=rtl]) .overflow-badge,:host(:dir(rtl)) .overflow-badge{margin-right:calc(var(--avatar-group-overlap,-.75rem));margin-left:0}}`,nt=`ore-avatar-group`;i(nt,{props:{max:m.number(5),total:m.number()},setup(e){let t=a(),n=S(),r=C,i=D(0),s=()=>{let n=[...t.querySelectorAll(`ore-avatar`)],r=Number(e.max.value)||5,a=Math.max(0,n.length-r);i.value=e.total.value==null?a:Number(e.total.value)-r,n.forEach((e,t)=>{t>=r?e.setAttribute(`data-avatar-group-hidden`,``):e.removeAttribute(`data-avatar-group-hidden`)})};r(()=>{n.elements().value,s()});let c=()=>`+${i.value} more`,l=()=>`+${i.value}`;return o`
|
|
609
|
+
<slot></slot>
|
|
610
|
+
${()=>i.value>0?o`
|
|
611
|
+
<span class="overflow-badge" part="overflow" aria-label="${c}">${l}</span>
|
|
612
|
+
`:``}
|
|
613
|
+
`},styles:[tt]});var rt=`@layer refine.base{:host,nav{display:block}ol{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}}`,it=`@layer refine.base{:host,.item{align-items:center;display:inline-flex}.separator{padding-inline:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-contrast-400);display:none}:host([data-show-separator]) .separator{display:inline-block}.link{gap:var(--size-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);outline-offset:2px;border-radius:var(--rounded-lg);transition:color var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.link:hover{color:var(--color-contrast-900);text-decoration:underline}.link:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2)}:host([active]) .link{font-weight:var(--font-semibold);color:var(--color-contrast-900);pointer-events:none;text-decoration:none}.icon{display:contents}.label{min-width:0;max-width:var(--breadcrumb-item-max-width,20ch);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}`,at=`ore-breadcrumb-item`;i(at,{props:{active:m.bool(),href:m.string(),separator:m.string(`/`)},setup(e){return o`
|
|
614
|
+
<li class="item" role="listitem">
|
|
615
|
+
<span class="separator" part="separator" aria-hidden="true">${e.separator}</span>
|
|
616
|
+
<a
|
|
617
|
+
class="link"
|
|
618
|
+
href="${e.href}"
|
|
619
|
+
aria-current="${()=>e.active.value?`page`:null}"
|
|
620
|
+
tabindex="${()=>e.active.value?`-1`:null}"
|
|
621
|
+
part="link">
|
|
622
|
+
<span class="icon"><slot name="icon"></slot></span>
|
|
623
|
+
<span class="label"><slot></slot></span>
|
|
624
|
+
</a>
|
|
625
|
+
</li>
|
|
626
|
+
`},styles:[it]});var ot=`ore-breadcrumb`;i(ot,{props:{label:m.string(`Breadcrumb`),separator:m.string()},setup(e){let t=a(),n=S(),r=C,i=()=>Array.from(t.getElementsByTagName(`ore-breadcrumb-item`)),s=()=>{let n=e.separator.value||`/`,r=i();for(let e=0;e<r.length;e++)r[e].setAttribute(`separator`,n),r[e].toggleAttribute(`data-show-separator`,e>0);n?t.style.setProperty(`--breadcrumb-separator`,`'${n}'`):t.style.removeProperty(`--breadcrumb-separator`)};return r(()=>{n.elements().value,s()}),o`
|
|
627
|
+
<nav part="nav" aria-label="${e.label}">
|
|
628
|
+
<ol role="list" part="list">
|
|
629
|
+
<slot></slot>
|
|
630
|
+
</ol>
|
|
631
|
+
</nav>
|
|
632
|
+
`},styles:[rt]});var st=new WeakMap,ct=new WeakMap,lt=(e,t)=>{let n=t.createElement(`div`);return n.setAttribute(`aria-live`,e),n.setAttribute(`aria-atomic`,`true`),n.setAttribute(`data-block-announcer`,e),n.style.cssText=Ae,t.body.appendChild(n),n},ut=(e,t)=>{let n=st.get(t);return n?.[e]&&!t.body.contains(n[e])&&(n[e]=void 0),n?.[e]||(n||(n={},st.set(t,n)),n[e]=lt(e,t)),n[e]??null},dt=(e,t={})=>{if(typeof document>`u`)return;let n=ut(t.politeness??`polite`,document);if(!n)return;n.textContent=``;let r=ct.get(n);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{n.textContent=e,ct.delete(n)},50);ct.set(n,i)},ft={ariaControlsElements:`aria-controls`,ariaDescribedByElements:`aria-describedby`,ariaLabelledByElements:`aria-labelledby`};function pt(e,t,n){if(t in e){e[t]=n.length>0?n:null;return}let r=ft[t],i=n.map(e=>e.id).filter(Boolean);i.length===0?e.removeAttribute(r):e.setAttribute(r,i.join(` `))}var mt=(e={})=>{let t=null,n=()=>{!t||e.enabled?.value===!1||(t.style.height=`auto`,t.style.height=`${t.scrollHeight}px`)};return{recompute:n,wire:e=>(t=e,e.addEventListener(`input`,n),requestAnimationFrame(n),()=>{e.removeEventListener(`input`,n),t===e&&(t=null)})}},ht=e=>T(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),gt=e=>T(()=>{let t=e.value?.value??``,n=e.maxLength?.value,r=Number(n),i=Number.isFinite(r)&&r>0?r:null,a=i!==null,o=a?`${t.length} / ${i}`:``,s=a?t.length/i:0;return{counterAtLimit:a?s>=1:!1,counterNearLimit:a?s>=.9&&s<1:!1,counterText:o}}),_t=(e,t=`counter`)=>e?e.counterAtLimit?`${t} at-limit`:e.counterNearLimit?`${t} near-limit`:t:t;function vt(){let e=!1;return{clear:()=>{e=!1},get isDirty(){return e},markDirty:()=>{e=!0}}}var yt=e=>{let t=T(()=>!!e.disabled?.value),r=n(`helper`),i=n(`error`),a=ht({error:e.error,helper:e.helper}),o=T(()=>a.value.errorText||a.value.helperText?r:null),s=T(()=>a.value.errorText?i:null),c=T(()=>a.value.errorText?`true`:null),l=null;return{ariaDescribedBy:o,ariaErrorMessage:s,ariaInvalid:c,assistiveId:r,attachFormField:e=>{l=e},disabled:t,errorId:i,errorText:T(()=>a.value.errorText),helperText:T(()=>a.value.helperText),triggerValidation:t=>{e.validateOn?.value===t&&l&&l.reportValidity()}}},bt=e=>{let t=e.id??n(e.prefix??`field`),r=n(`label`),i=e.label??T(()=>void 0),a=e.hasLabel??T(()=>!!i.value);return{ariaLabelledBy:T(()=>a.value?r:null),fieldId:t,labelId:r,labelVisible:a}},xt=e=>({...yt(e),...bt(e)}),St=(e,t)=>{if(t.disabled?.value)return!1;let n=Object.hasOwn(t.keymap,e.key)?t.keymap[e.key]:void 0;if(!n)return!1;let r=t.preventDefault??`before`;r===`before`&&e.preventDefault();let i=n(e)!==!1;return r===`after`&&i&&e.preventDefault(),i},Ct=e=>{let t=()=>!!e.disabled?.value,n=e.keys??[`Enter`,` `],r=Object.fromEntries(n.map(t=>[t,t=>e.onPress?.(t,`keyboard`)]));return{handleBlur:n=>{t()||e.onBlur?.(n)},handleClick:n=>!t()&&(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>St(t,{disabled:e.disabled,keymap:r})}},wt=(e,t,n=e=>e)=>{let r=D(O(()=>n(e.value))),i=k(e,e=>{r.value=n(e)});return t&&t.addEventListener(`abort`,()=>i.dispose(),{once:!0}),r},Tt=e=>{let t=wt(e.checked,e.signal,Boolean),n=e.indeterminate?wt(e.indeterminate,e.signal,Boolean):D(!1),r=t.value,i=n.value,a=vt(),o=T(()=>n.value?null:t.value?e.value.value??``:null),s=xt(e),c=T(()=>e.required?.value&&(!t.value||n.value)?{valueMissing:!0}:null),l=T(()=>c.value?e.requiredMessage?.value||`This field is required.`:``),u=()=>{t.value=a.isDirty?r:!!e.checked.value,n.value=a.isDirty?i:!!e.indeterminate?.value,a.clear(),s.triggerValidation(`change`)},d=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),f=r=>{if(!s.disabled.value){if(a.markDirty(),e.group){n.value=!1,e.group.toggle(e.value.value??``,r),e.onToggle?.(d(r));return}e.clearIndeterminateFirst&&n.value||(t.value=!t.value),n.value=!1,e.onToggle?.(d(r))}},p=Ct({disabled:s.disabled,onPress:e=>f(e)});return{...s,checkableFormValue:o,checked:t,handleClick:p.handleClick,handleKeydown:p.handleKeydown,indeterminate:n,reset:u,toggle:f,validationMessage:l,validity:c}},Et=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],Dt=e=>{let t=T(()=>!!e.multiple?.value),n=e=>{let n=t.value?e:e.slice(0,1);return[...new Set(n.filter(Boolean))]},r=wt(e.value,e.signal,e=>n(Et(e))),i=T(()=>t.value?r.value.join(`,`):r.value[0]??``),a=vt(),o=e=>{r.value=n(e)},s=e=>{a.markDirty(),o(e)},c=()=>s([]),l=e=>{a.markDirty(),r.value=r.value.filter(t=>t!==e)},u=e=>{if(t.value){r.value.includes(e)||s([...r.value,e]);return}s([e])},d=e=>{t.value&&r.value.includes(e)?l(e):u(e)},f=e=>{o(Et(e))},p=xt(e),m=T(()=>e.required?.value&&r.value.length===0?{valueMissing:!0}:null),h=T(()=>m.value?e.requiredMessage?.value||`Please make a selection.`:``);if(e.multiple){let t=k(e.multiple,()=>f(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}let g=r.value,_=()=>{o(a.isDirty?g:Et(e.value.value)),a.clear(),p.triggerValidation(`change`)};return{...p,clear:c,formValue:i,removeValue:l,reset:_,selectedValue:T(()=>r.value[0]),selectedValues:r,selectValue:u,setValues:s,toggleValue:d,validationMessage:h,validity:m}},Ot=e=>!e||e.trim()===``,kt=e=>{let t=T(()=>!Ot(e.value.value)&&!e.disabled?.value&&!e.loading?.value),n=n=>{t.value&&e.onSend(n)};return{canSend:t,handleKeydown:t=>{if(t.key!==`Enter`||t.isComposing)return;let r=e.sendShortcut?.value??`enter`,i=t.metaKey||t.ctrlKey;(r===`mod+enter`?!i:t.shiftKey)||(t.preventDefault(),n(t))},keyShortcutsHint:T(()=>(e.sendShortcut?.value??`enter`)===`mod+enter`?`Control+Enter Meta+Enter`:`Enter`),send:n}};function At(e){if(!e)return null;try{return N(e,{as:`plainDate`})}catch{return null}}function jt(e){return e?e.toString():null}function Mt(e,t){return M(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,timeZone:`UTC`})}function Nt(){return j.Now.plainDateISO()}function Pt(e){return e%7}function Ft(e){let t=e.value??null,n=`day`,r=t??Nt(),i=r.year,a=r.month;function o(){return e.locale??(typeof navigator<`u`?navigator.language:`en`)}function s(){return e.weekendDays??[]}function c(t){return!!(e.min&&j.PlainDate.compare(t,e.min)<0||e.max&&j.PlainDate.compare(t,e.max)>0)}function l(e){return!!(c(e)||s().includes(Pt(e.dayOfWeek)))}function u(){let e=Nt(),n=j.PlainDate.from({day:1,month:a,year:i}),r=Pt(n.dayOfWeek),o=[];for(let i=r-1;i>=0;i--){let r=n.subtract({days:i+1});o.push({day:r.day,isDisabled:l(r),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&j.PlainDate.compare(r,t)===0,isToday:j.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=j.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:l(r),isOutsideMonth:!1,iso:r.toString(),isSelected:t!==null&&j.PlainDate.compare(r,t)===0,isToday:j.PlainDate.compare(r,e)===0,plain:r})}let c=(7-o.length%7)%7,u=n.add({months:1});for(let n=0;n<c;n++){let r=u.add({days:n});o.push({day:r.day,isDisabled:l(r),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&j.PlainDate.compare(r,t)===0,isToday:j.PlainDate.compare(r,e)===0,plain:r})}return o}function d(){let n=[],r=o();for(let a=1;a<=12;a++){let o=j.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=e.min!==null&&e.min!==void 0&&j.PlainDate.compare(s,e.min)<0||e.max!==null&&e.max!==void 0&&j.PlainDate.compare(o,e.max)>0;n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:M(o,{intl:{month:`long`},locale:r,timeZone:`UTC`}),month:a,shortLabel:M(o,{intl:{month:`short`},locale:r,timeZone:`UTC`})})}return n}function f(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=j.PlainDate.from({day:1,month:1,year:i}),a=j.PlainDate.from({day:31,month:12,year:i}),o=e.min!==null&&e.min!==void 0&&j.PlainDate.compare(a,e.min)<0||e.max!==null&&e.max!==void 0&&j.PlainDate.compare(n,e.max)>0;r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function p(){let e=N(`2024-01-07`,{as:`plainDate`}),t=o();return Array.from({length:7},(n,r)=>M(e.add({days:r}),{intl:{weekday:`short`},locale:t,timeZone:`UTC`}))}return{dayCells:u,displayMonth:()=>a,displayYear:()=>i,goTo(e,t){Number.isFinite(e)&&(i=e,a=Math.max(1,Math.min(12,t)))},monthCells:d,nextMonth(){a===12?(a=1,i++):a++},nextYear(){i++},prevMonth(){a===1?(a=12,i--):a--},prevYear(){i--},select(n){n!==null&&l(n)||(t=n,t&&(i=t.year,a=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:p,yearCells:f}}function It(e){let t=null,n=null,r=!1,i=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},a=()=>{r||(r=!0,i(),t=null)};return e.signal?.addEventListener(`abort`,a,{once:!0}),{applyInitialFocus(){i();let t=e.getInitialFocusSelector();if(t){let r=e.host.shadowRoot??e.host,i=null;try{i=r.querySelector(t)}catch{return}i&&(n=requestAnimationFrame(()=>{n=null,i.focus()}))}},cancelInitialFocus:i,captureReturnFocus(){t=document.activeElement},dispose:a,get disposed(){return r},restoreFocus(){e.getReturnFocus()!==!1&&t&&(t.focus(),t=null)},[Symbol.dispose]:a}}var Lt=(e,t)=>Array.from(e.getElementsByTagName(t)),Rt=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,zt=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},Bt=(e,t)=>zt(e)??t,Vt=(e,t)=>Math.abs(Bt(e,t))||t,Z=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},Ht=e=>{let t=t=>{if(!e.isActive())return;let n=t.composedPath(),r=n[0]instanceof Node?n[0]:t.target instanceof Node?t.target:null;e.getTargets().some(e=>e!=null&&(n.includes(e)||!!(r&&e.contains(r))))||e.onDismiss()},n=()=>{document.removeEventListener(`pointerdown`,t,{capture:!0})};return document.addEventListener(`pointerdown`,t,{capture:!0}),e.signal.addEventListener(`abort`,n,{once:!0}),n},Ut=e=>{e()?.focus()},Wt=(e,t)=>{e.value?.(t);let n=k(e,e=>e?.(t));return()=>{n.dispose(),e.value?.(null)}};function Gt(e,t,n){return t!=null&&e<t?t:n!=null&&e>n?n:e}var Kt=e=>{let t=()=>Bt(e.min?.value,0),n=()=>Bt(e.max?.value,100),r=()=>Vt(e.step?.value,1),i=e=>{let r=t(),i=n();return Gt(Bt(e,r),r,i)},a=e=>{let n=t();return i(Math.round(Bt(e,n)/r())*r())},o=e=>{let r=t(),i=n(),a=Bt(e,r);return i<=r?0:(a-r)/(i-r)*100},s=(e,r)=>{if(r.width<=0)return a(t());let i=Math.max(0,Math.min(1,(e-r.left)/r.width)),o=t(),s=n();return a(o+i*(s-o))},c=(e,a)=>{let o=Bt(a,t());return e===`ArrowRight`||e===`ArrowUp`?i(o+r()):e===`ArrowLeft`||e===`ArrowDown`?i(o-r()):e===`Home`?t():e===`End`?n():null};return{clamp:i,fromClientX:s,handleKeydown:(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=c(t.key,n);return i!==null&&(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:c,snap:a,toPercent:o}},qt=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>zt(e.min?.value),r=()=>zt(e.max?.value),i=e=>Gt(e,n(),r()),a=()=>Vt(e.step?.value,1),o=()=>{let t=a();return Vt(e.largeStep?.value,t*10)},s=()=>e.parse()??n()??0,c=(t,n)=>{if(t==null){e.commit(null,n);return}e.commit(i(t),n)},l=(e,n)=>{t()||c(s()+e,n)};return{atMax:()=>{let t=e.parse(),n=r();return t!=null&&n!=null&&t>=n},atMin:()=>{let t=e.parse(),r=n();return t!=null&&r!=null&&t<=r},handleKeydown:e=>!t()&&St(e,{keymap:{ArrowDown:()=>l(-a(),e),ArrowUp:()=>l(a(),e),End:()=>{let t=r();if(t==null)return!1;c(t,e)},Home:()=>{let t=n();if(t==null)return!1;c(t,e)},PageDown:()=>l(-o(),e),PageUp:()=>l(o(),e)},preventDefault:`after`}),incrementBy:l}},Jt=e=>e.axis?.()??`x`,Yt=e=>{let t=e.threshold?.()??48;return Number.isFinite(t)&&t>0?t:1},Xt=(e,t)=>t===`x`?e.clientX:e.clientY,Zt=e=>e.currentTarget instanceof HTMLElement?e.currentTarget:e.target instanceof HTMLElement?e.target:null,Qt=e=>{let t=null,n=!1,r=()=>!!e.disabled?.value,i=()=>{t=null},a=()=>{n=!0,i()},o=e=>t?.pointerId===e.pointerId,s=e=>{if(!t)return null;let n=Xt(e,t.axis),r=n-t.start;return{axis:t.axis,current:n,distance:r,event:e,pointerId:t.pointerId,progress:Math.min(Math.abs(r)/t.threshold,1),start:t.start,threshold:t.threshold}};return{dispose:a,get disposed(){return n},handlePointerCancel:n=>{if(!t||!o(n))return!1;let r=s(n);return i(),r&&e.onCancel?.(r),!0},handlePointerDown:i=>{if(n||t||r())return!1;let a=Jt(e);t={axis:a,pointerId:i.pointerId,start:Xt(i,a),threshold:Yt(e)},(typeof e.captureTarget==`function`?e.captureTarget(i):Zt(i))?.setPointerCapture?.(i.pointerId);let o=s(i);return o&&e.onStart?.(o),!0},handlePointerMove:n=>{if(!t||!o(n))return!1;let r=s(n);return r?(e.onMove?.(r),e.shouldCommit?.(r)??Math.abs(r.distance)>=r.threshold?(i(),e.onCommit?.(r),!0):!0):!1},handlePointerUp:n=>{if(!t||!o(n))return!1;let r=s(n);return i(),r&&e.onRelease?.(r),!0},isActive:()=>t!=null,[Symbol.dispose]:a}},$t=e=>e.trim()===``,en=e=>String(e??``),tn=e=>{let t=wt(e.value,e.signal,en),n=xt(e),r=e.maxLength?gt({maxLength:e.maxLength,value:t}):null,i=T(()=>!e.readonly?.value&&e.required?.value&&$t(t.value)?{valueMissing:!0}:null),a=T(()=>i.value?e.requiredMessage?.value||`This field is required.`:``),o=()=>{t.value=en(e.value.value),n.triggerValidation(`change`)},s=r=>{r?.preventDefault?.(),t.value=``,e.onInput?.(r??new InputEvent(`input`,{bubbles:!0}),``),e.onChange?.(r??new Event(`change`,{bubbles:!0}),``),n.triggerValidation(`change`)},c=(r,i)=>{let a=[],o=(e,t)=>{r.addEventListener(e,t),a.push(()=>r.removeEventListener(e,t))};e.onFocus&&o(`focus`,t=>e.onFocus?.(t)),o(`input`,n=>{n.stopPropagation(),e.onBeforeInput?.(n),t.value=r.value,e.onInput?.(n,r.value)}),o(`change`,i=>{i.stopPropagation(),t.value=r.value,e.onChange?.(i,r.value),n.triggerValidation(`change`)}),o(`blur`,t=>{e.onBlur?.(t),n.triggerValidation(`blur`)});let s=!1,c=()=>{if(!s){s=!0;for(let e of a)e()}};return i?.addEventListener(`abort`,c,{once:!0}),c};return{...n,clear:s,counter:r,reset:o,validationMessage:a,validity:i,value:t,wire:c}};function nn(e){let t=e;for(;t;){let e=t.getAttribute(`dir`);if(e===`rtl`||e===`ltr`)return e;t=t.parentElement}return e!==null&&getComputedStyle(e).direction===`rtl`?`rtl`:`ltr`}var rn=e=>{let t=e.delay??500,n=``,r=null,i=()=>{n=``,r!==null&&(clearTimeout(r),r=null)};return e.signal?.addEventListener(`abort`,i,{once:!0}),{handleKeydown:a=>{if(a.key.length!==1||a.ctrlKey||a.altKey||a.metaKey)return!1;n+=a.key.toLowerCase(),r!==null&&clearTimeout(r),r=setTimeout(i,t);let o=e.getItems(),s=e.getIndex(),c=s>=0?s+1:0;for(let t=0;t<o.length;t++){let r=(c+t)%o.length;if(!e.isItemDisabled?.(o[r],r)&&e.getItemLabel(o[r],r).toLowerCase().startsWith(n))return e.onNavigate(r,a),!0}return!1},reset:i}},an=(e,t,n)=>{for(let r=t;r<e.length;r++)if(n(e[r],r))return r;return-1},on=(e,t,n)=>{for(let r=t;r>=0;r--)if(n(e[r],r))return r;return-1},sn={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowRight`],prev:[`ArrowLeft`]},vertical:{first:[`Home`],last:[`End`],next:[`ArrowDown`],prev:[`ArrowUp`]}},cn={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowLeft`],prev:[`ArrowUp`,`ArrowRight`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowLeft`],prev:[`ArrowRight`]},vertical:sn.vertical},ln=e=>typeof e==`object`&&!!e&&`disabled`in e,un=e=>{let t=D(-1),n=(t,n)=>e.isItemDisabled?.(t,n)??(ln(t)?t.disabled:!1),r=(n,r,i)=>(n>=0&&(t.value=n,e.onNavigate?.(r,n,i)),n),i=(e,t,r)=>r===`forward`?an(e,t,(e,t)=>!n(e,t)):on(e,t,(e,t)=>!n(e,t)),a=r=>{if(r<0)return l(),-1;let i=e.getItems();if(!i.length)return-1;let a=Math.min(r,i.length-1);return n(i[a],a)?-1:(t.value=a,a)},o=(n,a)=>{let o=e.getItems(),s=t.value;if(!o.length)return-1;let c=s<0?n===`forward`?0:o.length-1:n===`forward`?s+1:s-1,l=i(o,c,n),u=n===`forward`?`next`:`prev`;if(l>=0)return r(l,u,a);if(e.loop){let e=n===`forward`?0:o.length-1,t=i(o,e,n);if(t>=0)return r(t,u,a)}return s},s=t=>{let n=e.getItems();if(!n.length)return-1;if(t===`first`){let e=i(n,0,`forward`);return r(e,`first`)}if(t===`last`){let e=i(n,n.length-1,`backward`);return r(e,`last`)}return o(t===`next`?`forward`:`backward`)},c=()=>{let n=e.getItems(),r=t.value;return r>=0&&r<n.length?n[r]:void 0},l=()=>{t.value=-1},u=()=>!!e.disabled?.value,d=()=>typeof e.orientation==`function`?e.orientation():e.orientation??`vertical`,f=()=>typeof e.direction==`function`?e.direction():e.direction??`ltr`,p=()=>{let t=e.keys,n=(f()===`rtl`?cn:sn)[d()],a={first:t?.first??n.first,last:t?.last??n.last,next:t?.next??n.next,prev:t?.prev??n.prev},s={};for(let t of[`next`,`prev`,`first`,`last`])for(let n of a[t])s[n]=n=>{if(t===`first`||t===`last`){let a=e.getItems();if(!a.length)return;let o=t===`first`?i(a,0,`forward`):i(a,a.length-1,`backward`);r(o,t,n)}else o(t===`next`?`forward`:`backward`,n)};return s},m=e.getItemLabel?rn({getIndex:()=>t.value,getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:(e,t)=>n(e,t),onNavigate:(n,r)=>{u()||(t.value=n,e.onNavigate?.(`typeahead`,n,r))}}):null,h=typeof e.orientation==`function`||typeof e.direction==`function`?null:p(),g=t=>{let n=h??p();return St(t,{disabled:e.disabled,keymap:n})?!0:m?.handleKeydown(t)??!1},_=!1,v=()=>{_||(_=!0,m?.reset())};return e.signal&&e.signal.addEventListener(`abort`,v,{once:!0}),{dispose:v,get disposed(){return _},focusedIndex:t,getActiveItem:c,handleKeydown:g,navigate:s,reset:l,set:a,[Symbol.dispose]:v}},dn=class e extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}static is(t){return t instanceof e}},fn=class extends dn{},pn=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function mn({boundary:e,getDir:t,getFloating:n,getPlacement:r,getReference:i,matchWidth:a=!0,offsetPx:o=0,padding:s=6,useClippingAncestor:c=!0}){function l(){let e=r?.()??`bottom-start`;return(t?.()??nn(i()))===`rtl`?pn(e):e}function u(){let t=i(),r=n();if(!t||!r)return;let u=l(),d=e??(c?L(r):void 0),f=F(t,r,{boundary:d,middleware:[...o?[R(o)]:[],I({padding:s}),ee({padding:s}),...a?[z({padding:s})]:[]],placement:u});r.style.left=`${f.x}px`,r.style.top=`${f.y}px`;let p=r.style.transition,m=r.style.transform;r.style.transition=`none`,r.style.transform=`none`;let h=r.getBoundingClientRect(),g=f.x-h.left,_=f.y-h.top;r.style.transition=p,r.style.transform=m,(g!==0||_!==0)&&(r.style.left=`${f.x+g}px`,r.style.top=`${f.y+_}px`),a&&(r.style.width=`${t.getBoundingClientRect().width}px`)}function d(){let e=i(),t=n();return!e||!t?()=>{}:P(e,t,u)}return{floating:n,reference:i,startAutoUpdate:d,update:u}}var hn=e=>{if(typeof e.getBoundary!=`function`)throw new fn(`createListboxDropdown: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new fn(`createListboxDropdown: getPanel is required`);if(typeof e.getReference!=`function`)throw new fn(`createListboxDropdown: getReference is required`);let t=D(!1),n=T(()=>String(t.value)),r=null,i=mn({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),a=()=>{e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},o=un({disabled:T(()=>!t.value),getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:(t,n,r)=>{a(),n>=0&&e.onNavigate?.(t,n,r)},orientation:e.orientation,signal:e.signal}),s=T(()=>{let n=o.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),c=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,l=(n=`programmatic`,i=!0)=>{t.value&&(t.value=!1,o.reset(),r?.(),r=null,i&&c()&&e.getTrigger&&Ut(e.getTrigger),e.onClose?.(n))},u=(n=`programmatic`)=>{e.isDisabled?.()||t.value||(t.value=!0,i.update(),r=i.startAutoUpdate?.()??null,e.onOpen?.(n))},d=(e=`click`,n=`trigger`)=>{t.value?l(n):u(e)};Ht({getTargets:()=>[e.getBoundary(),e.getPanel()],isActive:()=>t.value,onDismiss:()=>l(`outsideClick`),signal:e.signal});let f=!1,p=()=>{f||(f=!0,t.value&&(t.value=!1,o.reset(),r?.(),r=null))};return e.signal.addEventListener(`abort`,p,{once:!0}),{ariaActiveDescendant:s,ariaExpanded:n,close:l,dispose:p,get disposed(){return f},focusedIndex:o.focusedIndex,getActiveItem:o.getActiveItem,handleKeydown:e=>t.value?e.key===`Escape`?(e.preventDefault(),l(`escape`),!0):o.handleKeydown(e):!1,isOpen:t,navigate:o.navigate,open:u,scrollFocusedIntoView:a,set:o.set,[Symbol.dispose]:p,toggle:d,updatePosition:i.update}},gn=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},_n=`@layer refine.base{:host{--_bg:var(--card-bg,var(--color-canvas));--_color:var(--card-color,var(--color-contrast-900));--_border:var(--card-border,var(--border));--_border-color:var(--card-border-color,var(--color-divider));--_radius:var(--card-radius,var(--rounded-lg));--_padding:var(--card-padding,var(--size-4));--_shadow:var(--card-shadow,var(--shadow-sm));--_hover-shadow:var(--card-hover-shadow,var(--shadow-md));flex-direction:column;display:flex;position:relative}.card{color:var(--_color);background:var(--_bg);border-radius:var(--_radius);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:box-shadow var(--transition-normal), transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.card-media{flex-shrink:0;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;min-height:0;display:flex}.card-header,.card-content,.card-footer{padding:var(--_padding)}.card-header{padding-bottom:calc(var(--_padding) / 2)}.card-footer{padding-top:calc(var(--_padding) / 2)}.card-content{flex:1}.card-actions{gap:var(--size-2);padding:var(--_padding);padding-top:calc(var(--_padding) / 2);flex-wrap:wrap;align-items:center;display:flex}[hidden]{display:none}}@layer refine.variants{:host(:not([variant],[color])){--_shadow:var(--card-shadow,var(--shadow-sm))}:host(:not([variant],[color])) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host(:not([variant])[color]){--_bg:var(--card-bg,var(--_theme-backdrop));--_border-color:var(--card-border-color,var(--_theme-border))}:host(:not([variant])[color]) .card{border:var(--_border) solid var(--_border-color)}:host(:not([variant])[color]:hover){--_bg:var(--card-bg,color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50)));--_border-color:var(--card-border-color,var(--_theme-focus))}:host([variant=solid]){--_bg:var(--card-bg,var(--_theme-base));--_color:var(--card-color,var(--_theme-contrast));--_border-color:var(--card-border-color,var(--_theme-base));--_shadow:var(--card-shadow,var(--shadow-sm))}:host([variant=solid]) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host([variant=flat]){--_border-color:var(--card-border-color,color-mix(in oklch, var(--_theme-border) 50%, transparent))}:host([variant=flat]) .card{border:var(--_border) solid var(--_border-color)}:host([variant=glass]) .card{text-shadow:var(--text-shadow-xs);border:var(--_border) solid var(--_border-color);box-shadow:var(--card-shadow,var(--shadow-md)), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]:hover) .card{box-shadow:var(--card-hover-shadow,var(--shadow-xl)), var(--inset-shadow-sm);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1);backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1)}:host([variant=glass][interactive]:hover) .card{box-shadow:var(--card-hover-shadow,var(--shadow-2xl)), var(--inset-shadow-sm)}}@layer refine.overrides{.loading-bar{background:linear-gradient(90deg, transparent 0%, var(--_theme-base,var(--color-primary)) 50%, transparent 100%);width:65%;height:3px;display:none;position:absolute;top:0}.loading-bar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.loading-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s linear infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(-2px)scale(1.01)}:host([interactive]) .card{cursor:pointer;will-change:transform}:host[interactive]:not([disabled]):active:not(:has(button:active,a[href]:active,input:active,select:active,textarea:active,summary:active,[role=button]:active,[role=link]:active)) .card{box-shadow:var(--_shadow);transition:box-shadow var(--transition-fast), transform .12s var(--ease-spring);transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`,vn=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function yn(e,t){for(let n of t.composedPath())if(n instanceof HTMLElement){if(n===e)return!1;if(n.matches(vn)||n.closest(vn))return!0}return!1}var bn=`ore-card`;i(bn,{props:{...H,...W,...ye,elevation:m.number(),interactive:m.bool(!1),orientation:m.string(),padding:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=S(),s=C;e({attr:{ariaBusy:()=>t.loading.value?`true`:`false`,ariaDisabled:()=>t.interactive.value?String(t.disabled.value):null,role:()=>t.interactive.value?`button`:null}}),s(()=>{t.interactive.value?n.setAttribute(`tabindex`,t.disabled.value?`-1`:`0`):n.removeAttribute(`tabindex`)});let c=Ct({disabled:T(()=>!t.interactive.value||!!t.disabled.value),onPress:(e,t)=>{r(`activate`,{originalEvent:e,trigger:t})}}),l=e=>{!t.interactive.value||t.disabled.value||yn(n,e)||c.handleClick(e)},u=e=>{c.handleKeydown(e)};return e({on:{click:e=>l(e),keydown:e=>u(e)}}),o`
|
|
633
|
+
<div class="card" part="card">
|
|
634
|
+
<div class="loading-bar" part="loading-bar"></div>
|
|
635
|
+
<div class="card-media" part="media" ?hidden="${()=>!i.has(`media`).value}">
|
|
636
|
+
<slot name="media"></slot>
|
|
637
|
+
</div>
|
|
638
|
+
<div class="card-body" part="body">
|
|
639
|
+
<div class="card-header" part="header" ?hidden="${()=>!i.has(`header`).value}">
|
|
640
|
+
<slot name="header"></slot>
|
|
641
|
+
</div>
|
|
642
|
+
<div class="card-content" part="content" ?hidden="${()=>!i.has().value}">
|
|
643
|
+
<slot></slot>
|
|
644
|
+
</div>
|
|
645
|
+
<div class="card-footer" part="footer" ?hidden="${()=>!i.has(`footer`).value}">
|
|
646
|
+
<slot name="footer"></slot>
|
|
647
|
+
</div>
|
|
648
|
+
<div class="card-actions" part="actions" ?hidden="${()=>!i.has(`actions`).value}">
|
|
649
|
+
<slot name="actions"></slot>
|
|
650
|
+
</div>
|
|
626
651
|
</div>
|
|
627
652
|
</div>
|
|
628
|
-
|
|
629
|
-
${()=>r.value?`Copied to clipboard.`:i.value?`Copy failed. Select the command text and copy it manually.`:``}
|
|
630
|
-
</div>
|
|
631
|
-
`},styles:[V,Ve]});var Ue=e=>(t,n,r)=>{let i=e.signal({status:`pending`},{name:r?.name}),a=e.signal(0),o=new AbortController,s,c=!1,l=()=>{a.value,s?.abort();let e=i.peek(),r=e.status===`success`?e.value:`previous`in e?e.previous:void 0,o;try{o=t()}catch(e){i.value=r===void 0?{error:e,status:`error`}:{error:e,previous:r,status:`error`};return}let l=new AbortController;s=l,i.value=r===void 0?{status:`pending`}:{previous:r,status:`pending`};let u;try{u=Promise.resolve(n(o,{signal:l.signal}))}catch(e){u=Promise.reject(e)}u.then(e=>{!c&&!l.signal.aborted&&(i.value={status:`success`,value:e})},e=>{!c&&!l.signal.aborted&&(i.value=r===void 0?{error:e,status:`error`}:{error:e,previous:r,status:`error`})})},u=e.effect(()=>(l(),()=>s?.abort()),{name:r?.name});return u.disposalSignal.addEventListener(`abort`,()=>{c=!0,o.abort()},{once:!0}),{get disposalSignal(){return o.signal},dispose:()=>u.dispose(),get disposed(){return c},get name(){return i.name},peek:()=>i.peek(),reload:()=>{c||(a.value=a.peek()+1)},subscribe:e=>i.subscribe(e),[Symbol.dispose](){this.dispose()},get value(){return i.value}}},We=e=>(t,n)=>{let r=e.signal(t,{name:n?.name});return{get name(){return r.name},peek:()=>r.peek(),set:e=>{r.value=e},subscribe:e=>r.subscribe(e),update:e=>{r.value=e(r.peek())},get value(){return r.value}}},Ge=e=>(t,n,r)=>{let i=typeof t==`function`?t:()=>t.value,a=r?.equals??Object.is,o=!0,s,c=!1,l=e.effect(()=>{let e=i();if(o){o=!1,s=e,r?.immediate&&n(e,void 0),c=r?.once===!0&&r.immediate===!0;return}if(a(s,e))return;let t=s;s=e,n(e,t),r?.once&&l.dispose()},{name:r?.name});return c&&l.dispose(),l},Ke=class e extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}static is(t){return t instanceof e}},qe=class extends Ke{},Je=class extends Ke{},Ye=class extends Ke{},Xe=class extends Ke{},Ze=Symbol(`ripple.reactive`),Qe=Symbol(`ripple.signal`),$e=Symbol(`ripple.computed`),et=100,tt=Symbol(`ripple.unset`),nt=class{[Ze]=!0;dependents=new Set;name;runtime;constructor(e,t){this.runtime=e,this.name=t}subscribe(e){this.runtime.assertActive(),this.peek();let t={dependencies:new Set,onDependencyChanged:()=>this.runtime.enqueueListener(e)};return this.dependents.add(t),()=>this.dependents.delete(t)}notify(){for(let e of[...this.dependents])e.onDependencyChanged()}},rt=class extends nt{[Qe]=!0;current;equals;constructor(e,t,n){super(e,n?.name),this.current=t,this.equals=n?.equals??Object.is}get value(){return this.runtime.track(this),this.current}set value(e){if(this.runtime.assertActive(),this.equals(this.current,e))return;let t=this.current;this.current=e,this.runtime.emit({kind:`write`,name:this.name,next:e,previous:t}),this.runtime.propagate(()=>this.notify())}peek(){return this.current}},it=class extends nt{[$e]=!0;dependencies=new Set;computing=!1;disposed=!1;dirty=!0;current=tt;derive;equals;constructor(e,t,n){super(e,n?.name),this.derive=t,this.equals=n?.equals??Object.is}get value(){return this.refresh(),this.runtime.track(this),this.current}peek(){return this.refresh(),this.current}onDependencyChanged(){this.disposed||(this.dirty||=!0,this.dependents.size>0&&this.refresh()&&this.notify())}dispose(){this.disposed||(this.disposed=!0,this.runtime.clearDependencies(this),this.dependents.clear())}refresh(){if(!this.dirty||this.disposed)return!1;if(this.computing)throw new qe(`computed cycle detected${this.name===void 0?``:` "${this.name}"`}`);this.computing=!0,this.runtime.emit({kind:`compute`,name:this.name});try{let e=this.runtime.collect(this,this.derive),t=this.current===tt||!this.equals(this.current,e);return this.current=e,this.dirty=!1,t}finally{this.computing=!1}}},at=class{disposalController=new AbortController;owned=new Set;name;isDisposed=!1;runtime;constructor(e,t){this.runtime=e,this.name=t}get disposed(){return this.isDisposed}get disposalSignal(){return this.disposalController.signal}run(e){if(this.isDisposed)throw new Ye(`Cannot run a disposed scope.`);return this.runtime.withScope(this,e)}dispose(){if(!this.isDisposed){this.isDisposed=!0;for(let e of[...this.owned].reverse())e.dispose();this.owned.clear(),this.disposalController.abort(),this.runtime.emit({kind:`dispose`,name:this.name,node:`scope`})}}[Symbol.dispose](){this.dispose()}},ot=class{dependencies=new Set;disposalController=new AbortController;cleanup;isDisposed=!1;owner;scheduled=!1;callback;options;runtime;constructor(e,t,n){this.runtime=e,this.callback=t,this.options=n}get disposed(){return this.isDisposed}get disposalSignal(){return this.disposalController.signal}onDependencyChanged(){if(!this.isDisposed){if(this.options?.scheduler===`microtask`){if(this.scheduled)return;this.scheduled=!0,queueMicrotask(()=>{this.scheduled=!1,this.isDisposed||this.runtime.enqueue(this)});return}this.runtime.enqueue(this)}}run(){if(this.isDisposed)return;this.owner?.dispose(),this.owner=void 0,this.runCleanup(),this.runtime.emit({kind:`effect`,name:this.options?.name});let e=new at(this.runtime);try{let t=this.runtime.withEffectScope(e,()=>this.runtime.collectEffect(this,this.callback));this.owner=e,this.cleanup=typeof t==`function`?t:void 0}catch(t){e.dispose(),this.runtime.report(t,{kind:`effect`,name:this.options?.name})}}dispose(){this.isDisposed||(this.isDisposed=!0,this.owner?.dispose(),this.owner=void 0,this.runtime.clearDependencies(this),this.runCleanup(),this.disposalController.abort(),this.runtime.emit({kind:`dispose`,name:this.options?.name,node:`effect`}))}[Symbol.dispose](){this.dispose()}runCleanup(){let e=this.cleanup;if(this.cleanup=void 0,e!==void 0)try{e()}catch(e){this.runtime.report(e,{kind:`cleanup`,name:this.options?.name})}}},st=class{activeEffectScope;activeObserver;activeScope;isDisposed=!1;flushDepth=0;flushing=!1;pending=new Set;listeners=new Set;rootScope;observer;onError;constructor(e){this.observer=e?.observer,this.onError=e?.onError??(e=>{queueMicrotask(()=>{throw e})}),this.rootScope=new at(this,`runtime`),this.activeScope=this.rootScope}get disposed(){return this.isDisposed}signal=(e,t)=>(this.assertActive(),new rt(this,e,t));computed=(e,t)=>{this.assertActive();let n=new it(this,e,t);return(this.activeEffectScope??this.activeScope).owned.add(n),n};effect=(e,t)=>{this.assertActive();let n=new ot(this,e,t);return(this.activeEffectScope??this.activeScope).owned.add(n),n.run(),n};createScope=e=>{this.assertActive();let t=new at(this,e);return this.activeScope.owned.add(t),t};batch=e=>(this.assertActive(),this.propagate(e));untrack=e=>(this.assertActive(),this.withObserver(void 0,e));dispose(){this.isDisposed||(this.isDisposed=!0,this.rootScope.dispose())}assertActive(){if(this.isDisposed)throw new Je(`Cannot use a disposed Ripple runtime.`)}track(e){let t=this.activeObserver;t?.collecting!==void 0&&t.collecting.add(e)}clearDependencies(e){for(let t of e.dependencies)t.dependents.delete(e);e.dependencies.clear()}collect(e,t){return this.collectWith(e,t,!1)}collectEffect(e,t){return this.collectWith(e,t,!0)}withEffectScope(e,t){let n=this.activeEffectScope;this.activeEffectScope=e;try{return t()}finally{this.activeEffectScope=n}}withObserver(e,t){let n=this.activeObserver;this.activeObserver=e;try{return t()}finally{this.activeObserver=n}}withScope(e,t){let n=this.activeEffectScope,r=this.activeScope;this.activeEffectScope=void 0,this.activeScope=e;try{return t()}finally{this.activeEffectScope=n,this.activeScope=r}}enqueue(e){this.pending.add(e),this.flushDepth===0&&this.flush()}enqueueListener(e){this.listeners.add(e),this.flushDepth===0&&this.flush()}propagate(e){this.flushDepth++;try{return e()}finally{this.flushDepth--,this.flushDepth===0&&this.flush()}}emit(e){try{this.observer?.(e)}catch(t){this.report(t,{kind:`observer`,name:e.name})}}report(e,t){try{this.onError(e,t)}catch(e){queueMicrotask(()=>{throw e})}}collectWith(e,t,n){let r=this.activeObserver,i=new Set;e.collecting=i,this.activeObserver=e;try{let n=t();return this.commitDependencies(e,i),n}catch(t){throw n&&this.commitDependencies(e,i),t}finally{e.collecting=void 0,this.activeObserver=r}}commitDependencies(e,t){for(let n of e.dependencies)t.has(n)||n.dependents.delete(e);for(let n of t)e.dependencies.has(n)||n.dependents.add(e);e.dependencies.clear();for(let n of t)e.dependencies.add(n)}flush(){if(this.flushing)return;this.flushing=!0;let e=0;try{for(;this.pending.size>0||this.listeners.size>0;){if(++e>et)throw new Xe(`infinite reactive flush (>${et} iterations)`);let t=[...this.pending],n=[...this.listeners];this.pending.clear(),this.listeners.clear();for(let e of t)e.run();for(let e of n)try{e()}catch(e){this.report(e,{kind:`listener`})}}}finally{this.flushing=!1}}},J=(e=>{let t=new st(e),n=Ue(t),r=We(t);return{batch:t.batch,computed:t.computed,createScope:t.createScope,createStore:r,dispose:()=>t.dispose(),get disposed(){return t.disposed},effect:t.effect,resource:n,signal:t.signal,untrack:t.untrack,watch:Ge(t)}})().watch,Y={color:m.string()},X={size:m.string()},Z={disabled:m.bool(!1)},ct={loading:m.bool(!1)},lt={rounded:m.string()};m.number();var ut={...Y,...X,...Z,...ct,...lt},dt={lg:{"--_field-height":`var(--size-12)`,"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_field-height":`var(--size-10)`,"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_field-height":`var(--size-8)`,"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},ft={lg:{"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},pt={lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`}},mt={lg:{fontSize:`var(--text-base)`,gap:`var(--size-3)`,height:`var(--size-7)`,thumbSize:`var(--size-6)`,width:`var(--size-14)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-2)`,height:`var(--size-5)`,thumbSize:`var(--size-4)`,width:`var(--size-9)`}},ht={lg:{"--_thumb-inset":`var(--slider-thumb-inset, var(--size-3))`,fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-6)`},md:{"--_thumb-inset":`var(--slider-thumb-inset, var(--size-2-5))`,fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{"--_thumb-inset":`var(--slider-thumb-inset, var(--size-2))`,fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},gt={lg:{"--_padding":`var(--size-4)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_padding":`var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_padding":`var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},_t={lg:{"--_item-padding":`var(--size-2) var(--size-3-5)`,"--_panel-padding":`var(--size-1-5)`,"--_separator-margin":`var(--size-1-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_item-padding":`var(--size-1-5) var(--size-3)`,"--_panel-padding":`var(--size-1)`,"--_separator-margin":`var(--size-1)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_item-padding":`var(--size-1) var(--size-2-5)`,"--_panel-padding":`var(--size-0-5)`,"--_separator-margin":`var(--size-0-5)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},vt={lg:{"--_min-height":`var(--size-14)`,"--_min-height-two-line":`calc(var(--size-16) + var(--size-2))`,"--_padding-inline-end":`var(--size-6)`,fontSize:`var(--text-base)`,gap:`var(--size-4)`,padding:`var(--size-3) var(--size-4)`},md:{"--_min-height":`var(--size-14)`,"--_min-height-two-line":`calc(var(--size-16) + var(--size-2))`,"--_padding-inline-end":`var(--size-6)`,fontSize:`var(--text-sm)`,gap:`var(--size-4)`,padding:`var(--size-2-5) var(--size-4)`},sm:{"--_min-height":`var(--size-12)`,"--_min-height-two-line":`var(--size-16)`,"--_padding-inline-end":`var(--size-4)`,fontSize:`var(--text-xs)`,gap:`var(--size-2)`,padding:`var(--size-1-5) var(--size-2)`}},yt={lg:{"--_min-height":`var(--size-40)`,fontSize:`var(--text-base)`},md:{"--_min-height":`var(--size-32)`,fontSize:`var(--text-sm)`},sm:{"--_min-height":`var(--size-28)`,fontSize:`var(--text-xs)`}},bt=`@layer refine.base{:host{--_height:var(--progress-height,var(--size-2,.5rem));--_radius:var(--progress-radius,var(--rounded-lg));--_circle-size:var(--progress-circle-size,6rem);--_circular-label-size:var(--progress-circular-label-size,var(--text-xl,1.25rem));--_circular-title-size:var(--progress-circular-title-size,var(--text-xs,.75rem));width:100%;display:block}.track{width:100%;height:var(--_height);background:var(--progress-track-bg,var(--color-contrast-300,#ddd));border-radius:var(--_radius);overflow:hidden}.fill{width:var(--_percent,0%);background:var(--progress-fill,var(--_theme-base,#3b82f6));border-radius:inherit;transform-origin:0;height:100%;transition:var(--_motion-transition,width var(--transition-normal))}:host(:dir(rtl)) .fill{transform-origin:100%}@keyframes ore-progress-slide{0%{transform:translate(-150%)scaleX(.6)}50%{transform:translate(50%)scaleX(1)}to{transform:translate(300%)scaleX(.6)}}:host([indeterminate]) .fill{width:40%;animation:var(--_motion-animation,ore-progress-slide var(--duration-1500) var(--ease-linear) infinite)}:host(:dir(rtl)[indeterminate]) .fill{animation-direction:reverse}:host([type=vertical]){--_width:var(--progress-width,var(--size-2,.5rem));width:auto;display:inline-flex}:host([type=vertical]) .wrapper{gap:var(--progress-label-gap,var(--space-1,.25rem));flex-direction:row;width:auto;height:100%}:host([type=vertical]) .track{width:var(--_width);height:100%;overflow:hidden}:host([type=vertical]) .fill{width:100%;height:var(--_percent,0%);transform-origin:bottom;transition:var(--_motion-transition,height var(--transition-normal))}:host([type=vertical][indeterminate]) .fill{height:40%;animation:var(--_motion-animation,ore-progress-slide-v var(--duration-1500) var(--ease-linear) infinite)}@keyframes ore-progress-slide-v{0%{transform:translateY(150%)scaleY(.6)}50%{transform:translateY(-50%)scaleY(1)}to{transform:translateY(-300%)scaleY(.6)}}.bar-row-vertical{flex-direction:column;align-items:center;height:100%;display:flex}:host([type=vertical]) .track-outer{flex:1;justify-content:center;align-items:stretch;width:auto;height:100%;display:flex}.wrapper{gap:var(--progress-label-gap,var(--space-1,.25rem));flex-direction:column;width:100%;display:flex}.header{gap:var(--space-2,.5rem);justify-content:space-between;align-items:baseline;display:none}:host([title]) .header{display:flex}.progress-title{font-size:var(--text-sm,.875rem);font-weight:var(--font-weight-medium,500);color:var(--progress-title-color,currentColor);line-height:1.25}.header-label{display:none}:host([title][label]) .header-label{display:inline}.bar-row{display:contents}:host([label]:not([title])) .bar-row{gap:var(--progress-label-gap,var(--space-2,.5rem));align-items:center;width:100%;display:flex}.track-outer{width:100%;position:relative}:host([label]:not([title])) .track-outer{flex:1;width:auto;min-width:0}.end-label{font-size:var(--text-sm,.875rem);color:var(--progress-label-color,currentColor);white-space:nowrap;flex-shrink:0;line-height:1.25}.row-label{display:none}:host([label]:not([title])) .row-label{display:inline}.floating-label{bottom:calc(100% + var(--space-1,.25rem));left:var(--_percent,0%);padding:var(--space-0-5,.125rem) var(--space-2,.5rem);font-size:var(--text-xs,.75rem);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:var(--progress-fill,var(--_theme-base,#3b82f6));border-radius:var(--rounded-md,.375rem);line-height:1;display:none;position:absolute;transform:translate(-50%)}:host([floating-label]:not([indeterminate])) .floating-label{display:block}:host([floating-label]:not([indeterminate])) .wrapper{padding-top:calc(var(--text-xs,.75rem) + var(--space-1,.25rem) * 3)}.circular-track{width:var(--_circle-size);height:var(--_circle-size);justify-content:center;align-items:center;display:inline-flex;position:relative}.circular-track svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.circular-inner{gap:var(--space-0-5,.125rem);padding:calc(8% + var(--_height));text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.circular-label{text-overflow:ellipsis;max-width:100%;font-size:var(--_circular-label-size);font-weight:var(--font-weight-semibold,600);color:var(--progress-label-color,currentColor);white-space:nowrap;line-height:1;overflow:hidden}.circular-title{text-overflow:ellipsis;max-width:100%;font-size:var(--_circular-title-size);color:var(--progress-title-color,var(--color-contrast-500,#6b7280));white-space:nowrap;line-height:1.25;overflow:hidden}.circular-label:empty,.circular-title:empty{display:none}.circle-bg{fill:none;stroke:var(--progress-track-bg,var(--color-contrast-300,#ddd));stroke-width:var(--progress-stroke-width,calc(var(--_height) * 1.2))}.circle-fill{fill:none;stroke:var(--progress-fill,var(--_theme-base,#3b82f6));stroke-width:var(--progress-stroke-width,calc(var(--_height) * 1.2));stroke-linecap:round;transition:var(--_motion-transition,stroke-dashoffset var(--transition-normal))}@keyframes ore-progress-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes ore-progress-dash{0%{stroke-dasharray:1px var(--_circ);stroke-dashoffset:var(--_circ)}40%{stroke-dasharray:calc(var(--_circ) * .75) var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.1)}60%{stroke-dasharray:calc(var(--_circ) * .75) var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.1)}to{stroke-dasharray:1px var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.9)}}:host([indeterminate]) .circular-track svg{animation:var(--_motion-animation,ore-progress-spin var(--duration-1400) var(--ease-linear) infinite)}:host([indeterminate]) .circle-fill{animation:var(--_motion-animation,ore-progress-dash var(--duration-1400) var(--ease-in-out) infinite)}}@layer refine.utilities{:host([size=sm]){--_height:var(--size-1,.25rem);--_circle-size:4rem;--_circular-label-size:var(--text-sm,.875rem);--_circular-title-size:var(--text-2xs,.625rem)}:host([size=md]){--_height:var(--size-2,.5rem);--_circle-size:6rem}:host([size=lg]){--_height:var(--size-3-5,.875rem);--_circle-size:9rem;--_circular-label-size:var(--text-3xl);--_circular-title-size:var(--text-sm,.875rem)}}@media (prefers-reduced-motion:reduce){:host([indeterminate]) .fill{opacity:.6;width:100%}:host([indeterminate]) .circle-fill{stroke-dasharray:none}:host([type=vertical][indeterminate]) .fill{opacity:.6;height:100%}}`,xt=`ore-progress`;i(xt,{props:{...Y,...X,"floating-label":m.string(),indeterminate:m.bool(!1),label:m.string(),max:m.number(100),title:m.string(),type:m.oneOf([`linear`,`circular`,`vertical`],`linear`),value:m.number(0),"value-text":m.string()},setup(e){let t=a(),n=C,r=2*Math.PI*45,i=T(()=>`${Math.max(0,Math.min(Number(e.value.value),Number(e.max.value)))/Math.max(1,Number(e.max.value))*100}%`),s=T(()=>{let t=Math.max(0,Math.min(Number(e.value.value),Number(e.max.value))),n=Math.max(1,Number(e.max.value));return r-t/n*r}),c=()=>e.indeterminate.value?null:String(e.value.value),l=()=>e.label.value??e.title.value??`Progress`,u=v({"--_circ":`${r}px`}),d=()=>e.indeterminate.value?void 0:`${r}px`,f=()=>e.indeterminate.value?void 0:`${s.value}px`,p=T(()=>e.type.value===`vertical`),m=v({height:()=>!e.indeterminate.value&&p.value?i.value:null,width:()=>!e.indeterminate.value&&!p.value?i.value:null});n(()=>{t.style.setProperty(`--_percent`,e.indeterminate.value?`0%`:i.value)});let h=()=>o`
|
|
653
|
+
`},styles:[X,qe,ze,J,Ze(`.card`),q,_n]});var xn=`@layer refine.base{:host{--_height:var(--progress-height,var(--size-2,.5rem));--_radius:var(--progress-radius,var(--rounded-lg));--_circle-size:var(--progress-circle-size,6rem);--_circular-label-size:var(--progress-circular-label-size,var(--text-xl,1.25rem));--_circular-title-size:var(--progress-circular-title-size,var(--text-xs,.75rem));width:100%;display:block}.track{width:100%;height:var(--_height);background:var(--progress-track-bg,var(--color-contrast-300,#ddd));border-radius:var(--_radius);overflow:hidden}.fill{width:var(--_percent,0%);background:var(--progress-fill,var(--_theme-base,#3b82f6));border-radius:inherit;transform-origin:0;height:100%;transition:var(--_motion-transition,width var(--transition-normal))}:host(:dir(rtl)) .fill{transform-origin:100%}@keyframes ore-progress-slide{0%{transform:translate(-150%)scaleX(.6)}50%{transform:translate(50%)scaleX(1)}to{transform:translate(300%)scaleX(.6)}}:host([indeterminate]) .fill{width:40%;animation:var(--_motion-animation,ore-progress-slide var(--duration-1500) var(--ease-linear) infinite)}:host(:dir(rtl)[indeterminate]) .fill{animation-direction:reverse}:host([type=vertical]){--_width:var(--progress-width,var(--size-2,.5rem));width:auto;display:inline-flex}:host([type=vertical]) .wrapper{gap:var(--progress-label-gap,var(--space-1,.25rem));flex-direction:row;width:auto;height:100%}:host([type=vertical]) .track{width:var(--_width);height:100%;overflow:hidden}:host([type=vertical]) .fill{width:100%;height:var(--_percent,0%);transform-origin:bottom;transition:var(--_motion-transition,height var(--transition-normal))}:host([type=vertical][indeterminate]) .fill{height:40%;animation:var(--_motion-animation,ore-progress-slide-v var(--duration-1500) var(--ease-linear) infinite)}@keyframes ore-progress-slide-v{0%{transform:translateY(150%)scaleY(.6)}50%{transform:translateY(-50%)scaleY(1)}to{transform:translateY(-300%)scaleY(.6)}}.bar-row-vertical{flex-direction:column;align-items:center;height:100%;display:flex}:host([type=vertical]) .track-outer{flex:1;justify-content:center;align-items:stretch;width:auto;height:100%;display:flex}.wrapper{gap:var(--progress-label-gap,var(--space-1,.25rem));flex-direction:column;width:100%;display:flex}.header{gap:var(--space-2,.5rem);justify-content:space-between;align-items:baseline;display:none}:host([title]) .header{display:flex}.progress-title{font-size:var(--text-sm,.875rem);font-weight:var(--font-weight-medium,500);color:var(--progress-title-color,currentColor);line-height:1.25}.header-label{display:none}:host([title][label]) .header-label{display:inline}.bar-row{display:contents}:host([label]:not([title])) .bar-row{gap:var(--progress-label-gap,var(--space-2,.5rem));align-items:center;width:100%;display:flex}.track-outer{width:100%;position:relative}:host([label]:not([title])) .track-outer{flex:1;width:auto;min-width:0}.end-label{font-size:var(--text-sm,.875rem);color:var(--progress-label-color,currentColor);white-space:nowrap;flex-shrink:0;line-height:1.25}.row-label{display:none}:host([label]:not([title])) .row-label{display:inline}.floating-label{bottom:calc(100% + var(--space-1,.25rem));left:var(--_percent,0%);padding:var(--space-0-5,.125rem) var(--space-2,.5rem);font-size:var(--text-xs,.75rem);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:var(--progress-fill,var(--_theme-base,#3b82f6));border-radius:var(--rounded-md,.375rem);line-height:1;display:none;position:absolute;transform:translate(-50%)}:host([floating-label]:not([indeterminate])) .floating-label{display:block}:host([floating-label]:not([indeterminate])) .wrapper{padding-top:calc(var(--text-xs,.75rem) + var(--space-1,.25rem) * 3)}.circular-track{width:var(--_circle-size);height:var(--_circle-size);justify-content:center;align-items:center;display:inline-flex;position:relative}.circular-track svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.circular-inner{gap:var(--space-0-5,.125rem);padding:calc(8% + var(--_height));text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.circular-label{text-overflow:ellipsis;max-width:100%;font-size:var(--_circular-label-size);font-weight:var(--font-weight-semibold,600);color:var(--progress-label-color,currentColor);white-space:nowrap;line-height:1;overflow:hidden}.circular-title{text-overflow:ellipsis;max-width:100%;font-size:var(--_circular-title-size);color:var(--progress-title-color,var(--color-contrast-500,#6b7280));white-space:nowrap;line-height:1.25;overflow:hidden}.circular-label:empty,.circular-title:empty{display:none}.circle-bg{fill:none;stroke:var(--progress-track-bg,var(--color-contrast-300,#ddd));stroke-width:var(--progress-stroke-width,calc(var(--_height) * 1.2))}.circle-fill{fill:none;stroke:var(--progress-fill,var(--_theme-base,#3b82f6));stroke-width:var(--progress-stroke-width,calc(var(--_height) * 1.2));stroke-linecap:round;transition:var(--_motion-transition,stroke-dashoffset var(--transition-normal))}@keyframes ore-progress-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes ore-progress-dash{0%{stroke-dasharray:1px var(--_circ);stroke-dashoffset:var(--_circ)}40%{stroke-dasharray:calc(var(--_circ) * .75) var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.1)}60%{stroke-dasharray:calc(var(--_circ) * .75) var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.1)}to{stroke-dasharray:1px var(--_circ);stroke-dashoffset:calc(var(--_circ) * -.9)}}:host([indeterminate]) .circular-track svg{animation:var(--_motion-animation,ore-progress-spin var(--duration-1400) var(--ease-linear) infinite)}:host([indeterminate]) .circle-fill{animation:var(--_motion-animation,ore-progress-dash var(--duration-1400) var(--ease-in-out) infinite)}}@layer refine.utilities{:host([size=sm]){--_height:var(--size-1,.25rem);--_circle-size:4rem;--_circular-label-size:var(--text-sm,.875rem);--_circular-title-size:var(--text-2xs,.625rem)}:host([size=md]){--_height:var(--size-2,.5rem);--_circle-size:6rem}:host([size=lg]){--_height:var(--size-3-5,.875rem);--_circle-size:9rem;--_circular-label-size:var(--text-3xl);--_circular-title-size:var(--text-sm,.875rem)}}@media (prefers-reduced-motion:reduce){:host([indeterminate]) .fill{opacity:.6;width:100%}:host([indeterminate]) .circle-fill{stroke-dasharray:none}:host([type=vertical][indeterminate]) .fill{opacity:.6;height:100%}}`,Sn=`ore-progress`;i(Sn,{props:{...H,...U,"floating-label":m.string(),indeterminate:m.bool(!1),label:m.string(),max:m.number(100),title:m.string(),type:m.oneOf([`linear`,`circular`,`vertical`],`linear`),value:m.number(0),"value-text":m.string()},setup(e){let t=a(),n=C,r=2*Math.PI*45,i=T(()=>`${Math.max(0,Math.min(Number(e.value.value),Number(e.max.value)))/Math.max(1,Number(e.max.value))*100}%`),s=T(()=>{let t=Math.max(0,Math.min(Number(e.value.value),Number(e.max.value))),n=Math.max(1,Number(e.max.value));return r-t/n*r}),c=()=>e.indeterminate.value?null:String(e.value.value),l=()=>e.label.value??e.title.value??`Progress`,u=v({"--_circ":`${r}px`}),d=()=>e.indeterminate.value?void 0:`${r}px`,f=()=>e.indeterminate.value?void 0:`${s.value}px`,p=T(()=>e.type.value===`vertical`),m=v({height:()=>!e.indeterminate.value&&p.value?i.value:null,width:()=>!e.indeterminate.value&&!p.value?i.value:null});n(()=>{t.style.setProperty(`--_percent`,e.indeterminate.value?`0%`:i.value)});let h=()=>o`
|
|
632
654
|
<div
|
|
633
655
|
class="circular-track"
|
|
634
656
|
role="progressbar"
|
|
@@ -680,9 +702,9 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
680
702
|
</div>
|
|
681
703
|
`;return o`
|
|
682
704
|
${()=>e.type.value===`circular`?h():g()}
|
|
683
|
-
`},styles:[K,q,U,bt]});var Q=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},St=(e={})=>{let t=null,n=()=>{!t||e.enabled?.value===!1||(t.style.height=`auto`,t.style.height=`${t.scrollHeight}px`)};return{recompute:n,wire:e=>(t=e,e.addEventListener(`input`,n),requestAnimationFrame(n),()=>{e.removeEventListener(`input`,n),t===e&&(t=null)})}},Ct=(e,t)=>{e.value?.(t);let n=J(e,e=>e?.(t));return()=>{n.dispose(),e.value?.(null)}},wt={ariaControlsElements:`aria-controls`,ariaDescribedByElements:`aria-describedby`,ariaLabelledByElements:`aria-labelledby`};function Tt(e,t,n){if(t in e){e[t]=n.length>0?n:null;return}let r=wt[t],i=n.map(e=>e.id).filter(Boolean);i.length===0?e.removeAttribute(r):e.setAttribute(r,i.join(` `))}function Et(e){let t=null,n=null,r=!1,i=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},a=()=>{r||(r=!0,i(),t=null)};return e.signal?.addEventListener(`abort`,a,{once:!0}),{applyInitialFocus(){i();let t=e.getInitialFocusSelector();if(t){let r=e.host.shadowRoot??e.host,i=null;try{i=r.querySelector(t)}catch{return}i&&(n=requestAnimationFrame(()=>{n=null,i.focus()}))}},cancelInitialFocus:i,captureReturnFocus(){t=document.activeElement},dispose:a,get disposed(){return r},restoreFocus(){e.getReturnFocus()!==!1&&t&&(t.focus(),t=null)},[Symbol.dispose]:a}}var Dt=e=>T(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),Ot=e=>T(()=>{let t=e.value?.value??``,n=e.maxLength?.value,r=Number(n),i=Number.isFinite(r)&&r>0?r:null,a=i!==null,o=a?`${t.length} / ${i}`:``,s=a?t.length/i:0;return{counterAtLimit:a?s>=1:!1,counterNearLimit:a?s>=.9&&s<1:!1,counterText:o}}),kt=(e,t=`counter`)=>e?e.counterAtLimit?`${t} at-limit`:e.counterNearLimit?`${t} near-limit`:t:t;function At(){let e=!1;return{clear:()=>{e=!1},get isDirty(){return e},markDirty:()=>{e=!0}}}var jt=e=>{let t=T(()=>!!e.disabled?.value),r=n(`helper`),i=n(`error`),a=Dt({error:e.error,helper:e.helper}),o=T(()=>a.value.errorText||a.value.helperText?r:null),s=T(()=>a.value.errorText?i:null),c=T(()=>a.value.errorText?`true`:null),l=null;return{ariaDescribedBy:o,ariaErrorMessage:s,ariaInvalid:c,assistiveId:r,attachFormField:e=>{l=e},disabled:t,errorId:i,errorText:T(()=>a.value.errorText),helperText:T(()=>a.value.helperText),triggerValidation:t=>{e.validateOn?.value===t&&l&&l.reportValidity()}}},Mt=e=>{let t=e.id??n(e.prefix??`field`),r=n(`label`),i=e.label??T(()=>void 0),a=e.hasLabel??T(()=>!!i.value);return{ariaLabelledBy:T(()=>a.value?r:null),fieldId:t,labelId:r,labelVisible:a}},Nt=e=>({...jt(e),...Mt(e)}),Pt=(e,t,n=e=>e)=>{let r=D(O(()=>n(e.value))),i=J(e,e=>{r.value=n(e)});return t&&t.addEventListener(`abort`,()=>i.dispose(),{once:!0}),r},Ft=e=>e.trim()===``,It=e=>String(e??``),Lt=e=>{let t=Pt(e.value,e.signal,It),n=Nt(e),r=e.maxLength?Ot({maxLength:e.maxLength,value:t}):null,i=T(()=>!e.readonly?.value&&e.required?.value&&Ft(t.value)?{valueMissing:!0}:null),a=T(()=>i.value?e.requiredMessage?.value||`This field is required.`:``),o=()=>{t.value=It(e.value.value),n.triggerValidation(`change`)},s=r=>{r?.preventDefault?.(),t.value=``,e.onInput?.(r??new InputEvent(`input`,{bubbles:!0}),``),e.onChange?.(r??new Event(`change`,{bubbles:!0}),``),n.triggerValidation(`change`)},c=(r,i)=>{let a=[],o=(e,t)=>{r.addEventListener(e,t),a.push(()=>r.removeEventListener(e,t))};e.onFocus&&o(`focus`,t=>e.onFocus(t)),o(`input`,n=>{n.stopPropagation(),e.onBeforeInput?.(n),t.value=r.value,e.onInput?.(n,r.value)}),o(`change`,i=>{i.stopPropagation(),t.value=r.value,e.onChange?.(i,r.value),n.triggerValidation(`change`)}),o(`blur`,t=>{e.onBlur?.(t),n.triggerValidation(`blur`)});let s=!1,c=()=>{if(!s){s=!0;for(let e of a)e()}};return i?.addEventListener(`abort`,c,{once:!0}),c};return{...n,clear:s,counter:r,reset:o,validationMessage:a,validity:i,value:t,wire:c}},Rt=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],zt=e=>{let t=T(()=>!!e.multiple?.value),n=e=>{let n=t.value?e:e.slice(0,1);return[...new Set(n.filter(Boolean))]},r=Pt(e.value,e.signal,e=>n(Rt(e))),i=T(()=>t.value?r.value.join(`,`):r.value[0]??``),a=At(),o=e=>{r.value=n(e)},s=e=>{a.markDirty(),o(e)},c=()=>s([]),l=e=>{a.markDirty(),r.value=r.value.filter(t=>t!==e)},u=e=>{if(t.value){r.value.includes(e)||s([...r.value,e]);return}s([e])},d=e=>{t.value&&r.value.includes(e)?l(e):u(e)},f=e=>{o(Rt(e))},p=Nt(e),m=T(()=>e.required?.value&&r.value.length===0?{valueMissing:!0}:null),h=T(()=>m.value?e.requiredMessage?.value||`Please make a selection.`:``);if(e.multiple){let t=J(e.multiple,()=>f(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}let g=r.value,_=()=>{o(a.isDirty?g:Rt(e.value.value)),a.clear(),p.triggerValidation(`change`)};return{...p,clear:c,formValue:i,removeValue:l,reset:_,selectedValue:T(()=>r.value[0]),selectedValues:r,selectValue:u,setValues:s,toggleValue:d,validationMessage:h,validity:m}},Bt=(e,t)=>{if(t.disabled?.value)return!1;let n=Object.hasOwn(t.keymap,e.key)?t.keymap[e.key]:void 0;if(!n)return!1;let r=t.preventDefault??`before`;r===`before`&&e.preventDefault();let i=n(e)!==!1;return r===`after`&&i&&e.preventDefault(),i},Vt=e=>{let t=()=>!!e.disabled?.value,n=e.keys??[`Enter`,` `],r=Object.fromEntries(n.map(t=>[t,t=>e.onPress?.(t,`keyboard`)]));return{handleBlur:n=>{t()||e.onBlur?.(n)},handleClick:n=>!t()&&(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>Bt(t,{disabled:e.disabled,keymap:r})}},Ht=e=>{let t=Pt(e.checked,e.signal,Boolean),n=e.indeterminate?Pt(e.indeterminate,e.signal,Boolean):D(!1),r=t.value,i=n.value,a=At(),o=T(()=>n.value?null:t.value?e.value.value??``:null),s=Nt(e),c=T(()=>e.required?.value&&(!t.value||n.value)?{valueMissing:!0}:null),l=T(()=>c.value?e.requiredMessage?.value||`This field is required.`:``),u=()=>{t.value=a.isDirty?r:!!e.checked.value,n.value=a.isDirty?i:!!e.indeterminate?.value,a.clear(),s.triggerValidation(`change`)},d=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),f=r=>{if(!s.disabled.value){if(a.markDirty(),e.group){n.value=!1,e.group.toggle(e.value.value??``,r),e.onToggle?.(d(r));return}e.clearIndeterminateFirst&&n.value||(t.value=!t.value),n.value=!1,e.onToggle?.(d(r))}},p=Vt({disabled:s.disabled,onPress:e=>f(e)});return{...s,checkableFormValue:o,checked:t,handleClick:p.handleClick,handleKeydown:p.handleKeydown,indeterminate:n,reset:u,toggle:f,validationMessage:l,validity:c}},Ut=e=>!e||e.trim()===``,Wt=e=>{let t=T(()=>!Ut(e.value.value)&&!e.disabled?.value&&!e.loading?.value),n=n=>{t.value&&e.onSend(n)};return{canSend:t,handleKeydown:t=>{if(t.key!==`Enter`||t.isComposing)return;let r=e.sendShortcut?.value??`enter`,i=t.metaKey||t.ctrlKey;(r===`mod+enter`?!i:t.shiftKey)||(t.preventDefault(),n(t))},keyShortcutsHint:T(()=>(e.sendShortcut?.value??`enter`)===`mod+enter`?`Control+Enter Meta+Enter`:`Enter`),send:n}},Gt=e=>{let t=t=>{if(!e.isActive())return;let n=t.composedPath(),r=n[0]instanceof Node?n[0]:t.target instanceof Node?t.target:null;e.getTargets().some(e=>e!=null&&(n.includes(e)||!!(r&&e.contains(r))))||e.onDismiss()},n=()=>{document.removeEventListener(`pointerdown`,t,{capture:!0})};return document.addEventListener(`pointerdown`,t,{capture:!0}),e.signal.addEventListener(`abort`,n,{once:!0}),n},Kt=e=>{e()?.focus()};function qt(e,t,n){return t!=null&&e<t?t:n!=null&&e>n?n:e}var Jt=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},Yt=(e,t)=>Jt(e)??t,Xt=(e,t)=>Math.abs(Yt(e,t))||t,Zt=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>Jt(e.min?.value),r=()=>Jt(e.max?.value),i=e=>qt(e,n(),r()),a=()=>Xt(e.step?.value,1),o=()=>{let t=a();return Xt(e.largeStep?.value,t*10)},s=()=>e.parse()??n()??0,c=(t,n)=>{if(t==null){e.commit(null,n);return}e.commit(i(t),n)},l=(e,n)=>{t()||c(s()+e,n)};return{atMax:()=>{let t=e.parse(),n=r();return t!=null&&n!=null&&t>=n},atMin:()=>{let t=e.parse(),r=n();return t!=null&&r!=null&&t<=r},handleKeydown:e=>!t()&&Bt(e,{keymap:{ArrowDown:()=>l(-a(),e),ArrowUp:()=>l(a(),e),End:()=>{let t=r();if(t==null)return!1;c(t,e)},Home:()=>{let t=n();if(t==null)return!1;c(t,e)},PageDown:()=>l(-o(),e),PageUp:()=>l(o(),e)},preventDefault:`after`}),incrementBy:l}},Qt=e=>{let t=()=>Yt(e.min?.value,0),n=()=>Yt(e.max?.value,100),r=()=>Xt(e.step?.value,1),i=e=>{let r=t(),i=n();return qt(Yt(e,r),r,i)},a=e=>{let n=t();return i(Math.round(Yt(e,n)/r())*r())},o=e=>{let r=t(),i=n(),a=Yt(e,r);return i<=r?0:(a-r)/(i-r)*100},s=(e,r)=>{if(r.width<=0)return a(t());let i=Math.max(0,Math.min(1,(e-r.left)/r.width)),o=t(),s=n();return a(o+i*(s-o))},c=(e,a)=>{let o=Yt(a,t());return e===`ArrowRight`||e===`ArrowUp`?i(o+r()):e===`ArrowLeft`||e===`ArrowDown`?i(o-r()):e===`Home`?t():e===`End`?n():null};return{clamp:i,fromClientX:s,handleKeydown:(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=c(t.key,n);return i!==null&&(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:c,snap:a,toPercent:o}},$t=e=>e.axis?.()??`x`,en=e=>{let t=e.threshold?.()??48;return Number.isFinite(t)&&t>0?t:1},tn=(e,t)=>t===`x`?e.clientX:e.clientY,nn=e=>e.currentTarget instanceof HTMLElement?e.currentTarget:e.target instanceof HTMLElement?e.target:null,rn=e=>{let t=null,n=!1,r=()=>!!e.disabled?.value,i=()=>{t=null},a=()=>{n=!0,i()},o=e=>t?.pointerId===e.pointerId,s=e=>{if(!t)return null;let n=tn(e,t.axis),r=n-t.start;return{axis:t.axis,current:n,distance:r,event:e,pointerId:t.pointerId,progress:Math.min(Math.abs(r)/t.threshold,1),start:t.start,threshold:t.threshold}};return{dispose:a,get disposed(){return n},handlePointerCancel:n=>{if(!t||!o(n))return!1;let r=s(n);return i(),r&&e.onCancel?.(r),!0},handlePointerDown:i=>{if(n||t||r())return!1;let a=$t(e);t={axis:a,pointerId:i.pointerId,start:tn(i,a),threshold:en(e)},(typeof e.captureTarget==`function`?e.captureTarget(i):nn(i))?.setPointerCapture?.(i.pointerId);let o=s(i);return o&&e.onStart?.(o),!0},handlePointerMove:n=>{if(!t||!o(n))return!1;let r=s(n);return r?(e.onMove?.(r),e.shouldCommit?.(r)??Math.abs(r.distance)>=r.threshold?(i(),e.onCommit?.(r),!0):!0):!1},handlePointerUp:n=>{if(!t||!o(n))return!1;let r=s(n);return i(),r&&e.onRelease?.(r),!0},isActive:()=>t!=null,[Symbol.dispose]:a}},an=new WeakMap,on=new WeakMap,sn=(e,t)=>{let n=t.createElement(`div`);return n.setAttribute(`aria-live`,e),n.setAttribute(`aria-atomic`,`true`),n.setAttribute(`data-block-announcer`,e),n.style.cssText=oe,t.body.appendChild(n),n},cn=(e,t)=>{let n=an.get(t);return n?.[e]&&!t.body.contains(n[e])&&(n[e]=void 0),n?.[e]||(n||(n={},an.set(t,n)),n[e]=sn(e,t)),n[e]??null},ln=(e,t={})=>{if(typeof document>`u`)return;let n=cn(t.politeness??`polite`,document);if(!n)return;n.textContent=``;let r=on.get(n);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{n.textContent=e,on.delete(n)},50);on.set(n,i)};function un(e){if(!e)return null;try{return M(e,{as:`plainDate`})}catch{return null}}function dn(e){return e?e.toString():null}function fn(e,t){return j(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,timeZone:`UTC`})}function pn(){return A.Now.plainDateISO()}function mn(e){return e%7}function hn(e){let t=e.value??null,n=`day`,r=t??pn(),i=r.year,a=r.month;function o(){return e.locale??(typeof navigator<`u`?navigator.language:`en`)}function s(){return e.weekendDays??[]}function c(t){return!!(e.min&&A.PlainDate.compare(t,e.min)<0||e.max&&A.PlainDate.compare(t,e.max)>0)}function l(e){return!!(c(e)||s().includes(mn(e.dayOfWeek)))}function u(){let e=pn(),n=A.PlainDate.from({day:1,month:a,year:i}),r=mn(n.dayOfWeek),o=[];for(let i=r-1;i>=0;i--){let r=n.subtract({days:i+1});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&A.PlainDate.compare(r,t)===0,isToday:A.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=A.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!1,isSelected:t!==null&&A.PlainDate.compare(r,t)===0,isToday:A.PlainDate.compare(r,e)===0,plain:r})}let c=(7-o.length%7)%7,u=n.add({months:1});for(let n=0;n<c;n++){let r=u.add({days:n});o.push({day:r.day,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!0,isSelected:t!==null&&A.PlainDate.compare(r,t)===0,isToday:A.PlainDate.compare(r,e)===0,plain:r})}return o}function d(){let n=[],r=o();for(let a=1;a<=12;a++){let o=A.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=e.min!==null&&e.min!==void 0&&A.PlainDate.compare(s,e.min)<0||e.max!==null&&e.max!==void 0&&A.PlainDate.compare(o,e.max)>0;n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:j(o,{intl:{month:`long`},locale:r,timeZone:`UTC`}),month:a,shortLabel:j(o,{intl:{month:`short`},locale:r,timeZone:`UTC`})})}return n}function f(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=A.PlainDate.from({day:1,month:1,year:i}),a=A.PlainDate.from({day:31,month:12,year:i}),o=e.min!==null&&e.min!==void 0&&A.PlainDate.compare(a,e.min)<0||e.max!==null&&e.max!==void 0&&A.PlainDate.compare(n,e.max)>0;r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function p(){let e=M(`2024-01-07`,{as:`plainDate`}),t=o();return Array.from({length:7},(n,r)=>j(e.add({days:r}),{intl:{weekday:`short`},locale:t,timeZone:`UTC`}))}return{dayCells:u,displayMonth:()=>a,displayYear:()=>i,goTo(e,t){Number.isFinite(e)&&(i=e,a=Math.max(1,Math.min(12,t)))},monthCells:d,nextMonth(){a===12?(a=1,i++):a++},nextYear(){i++},prevMonth(){a===1?(a=12,i--):a--},prevYear(){i--},select(n){n!==null&&l(n)||(t=n,t&&(i=t.year,a=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:p,yearCells:f}}var gn=(e,t)=>Array.from(e.getElementsByTagName(t)),_n=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t;function vn(e){let t=e;for(;t;){let e=t.getAttribute(`dir`);if(e===`rtl`||e===`ltr`)return e;t=t.parentElement}return e!==null&&getComputedStyle(e).direction===`rtl`?`rtl`:`ltr`}var yn=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function bn({boundary:e,getDir:t,getFloating:n,getPlacement:r,getReference:i,matchWidth:a=!0,offsetPx:o=0,padding:s=6,useClippingAncestor:c=!0}){function l(){let e=r?.()??`bottom-start`;return(t?.()??vn(i()))===`rtl`?yn(e):e}function u(){let t=i(),r=n();if(!t||!r)return;let u=l(),d=e??(c?I(r):void 0),f=P(t,r,{boundary:d,middleware:[...o?[L(o)]:[],F({padding:s}),R({padding:s}),...a?[ee({padding:s})]:[]],placement:u});r.style.left=`${f.x}px`,r.style.top=`${f.y}px`;let p=r.style.transition,m=r.style.transform;r.style.transition=`none`,r.style.transform=`none`;let h=r.getBoundingClientRect(),g=f.x-h.left,_=f.y-h.top;r.style.transition=p,r.style.transform=m,(g!==0||_!==0)&&(r.style.left=`${f.x+g}px`,r.style.top=`${f.y+_}px`),a&&(r.style.width=`${t.getBoundingClientRect().width}px`)}function d(){let e=i(),t=n();return!e||!t?()=>{}:N(e,t,u)}return{floating:n,reference:i,startAutoUpdate:d,update:u}}var xn=e=>{let t=e.delay??500,n=``,r=null,i=()=>{n=``,r!==null&&(clearTimeout(r),r=null)};return e.signal?.addEventListener(`abort`,i,{once:!0}),{handleKeydown:a=>{if(a.key.length!==1||a.ctrlKey||a.altKey||a.metaKey)return!1;n+=a.key.toLowerCase(),r!==null&&clearTimeout(r),r=setTimeout(i,t);let o=e.getItems(),s=e.getIndex(),c=s>=0?s+1:0;for(let t=0;t<o.length;t++){let r=(c+t)%o.length;if(!e.isItemDisabled?.(o[r],r)&&e.getItemLabel(o[r],r).toLowerCase().startsWith(n))return e.onNavigate(r,a),!0}return!1},reset:i}},Sn=(e,t,n)=>{for(let r=t;r<e.length;r++)if(n(e[r],r))return r;return-1},Cn=(e,t,n)=>{for(let r=t;r>=0;r--)if(n(e[r],r))return r;return-1},wn={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowRight`],prev:[`ArrowLeft`]},vertical:{first:[`Home`],last:[`End`],next:[`ArrowDown`],prev:[`ArrowUp`]}},Tn={both:{first:[`Home`],last:[`End`],next:[`ArrowDown`,`ArrowLeft`],prev:[`ArrowUp`,`ArrowRight`]},horizontal:{first:[`Home`],last:[`End`],next:[`ArrowLeft`],prev:[`ArrowRight`]},vertical:wn.vertical},En=e=>typeof e==`object`&&!!e&&`disabled`in e,Dn=e=>{let t=D(-1),n=(t,n)=>e.isItemDisabled?.(t,n)??(En(t)?t.disabled:!1),r=(n,r,i)=>(n>=0&&(t.value=n,e.onNavigate?.(r,n,i)),n),i=(e,t,r)=>r===`forward`?Sn(e,t,(e,t)=>!n(e,t)):Cn(e,t,(e,t)=>!n(e,t)),a=r=>{if(r<0)return l(),-1;let i=e.getItems();if(!i.length)return-1;let a=Math.min(r,i.length-1);return n(i[a],a)?-1:(t.value=a,a)},o=(n,a)=>{let o=e.getItems(),s=t.value;if(!o.length)return-1;let c=s<0?n===`forward`?0:o.length-1:n===`forward`?s+1:s-1,l=i(o,c,n),u=n===`forward`?`next`:`prev`;if(l>=0)return r(l,u,a);if(e.loop){let e=n===`forward`?0:o.length-1,t=i(o,e,n);if(t>=0)return r(t,u,a)}return s},s=t=>{let n=e.getItems();if(!n.length)return-1;if(t===`first`){let e=i(n,0,`forward`);return r(e,`first`)}if(t===`last`){let e=i(n,n.length-1,`backward`);return r(e,`last`)}return o(t===`next`?`forward`:`backward`)},c=()=>{let n=e.getItems(),r=t.value;return r>=0&&r<n.length?n[r]:void 0},l=()=>{t.value=-1},u=()=>!!e.disabled?.value,d=()=>typeof e.orientation==`function`?e.orientation():e.orientation??`vertical`,f=()=>typeof e.direction==`function`?e.direction():e.direction??`ltr`,p=()=>{let t=e.keys,n=(f()===`rtl`?Tn:wn)[d()],a={first:t?.first??n.first,last:t?.last??n.last,next:t?.next??n.next,prev:t?.prev??n.prev},s={};for(let t of[`next`,`prev`,`first`,`last`])for(let n of a[t])s[n]=n=>{if(t===`first`||t===`last`){let a=e.getItems();if(!a.length)return;let o=t===`first`?i(a,0,`forward`):i(a,a.length-1,`backward`);r(o,t,n)}else o(t===`next`?`forward`:`backward`,n)};return s},m=e.getItemLabel?xn({getIndex:()=>t.value,getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:(e,t)=>n(e,t),onNavigate:(n,r)=>{u()||(t.value=n,e.onNavigate?.(`typeahead`,n,r))}}):null,h=typeof e.orientation==`function`||typeof e.direction==`function`?null:p(),g=t=>{let n=h??p();return Bt(t,{disabled:e.disabled,keymap:n})?!0:m?.handleKeydown(t)??!1},_=!1,v=()=>{_||(_=!0,m?.reset())};return e.signal&&e.signal.addEventListener(`abort`,v,{once:!0}),{dispose:v,get disposed(){return _},focusedIndex:t,getActiveItem:c,handleKeydown:g,navigate:s,reset:l,set:a,[Symbol.dispose]:v}},On=class e extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}static is(t){return t instanceof e}},kn=class extends On{},An=e=>{if(typeof e.getBoundary!=`function`)throw new kn(`createListboxDropdown: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new kn(`createListboxDropdown: getPanel is required`);if(typeof e.getReference!=`function`)throw new kn(`createListboxDropdown: getReference is required`);let t=D(!1),n=T(()=>String(t.value)),r=null,i=bn({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),a=()=>{e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},o=Dn({disabled:T(()=>!t.value),getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:(t,n,r)=>{a(),n>=0&&e.onNavigate?.(t,n,r)},orientation:e.orientation,signal:e.signal}),s=T(()=>{let n=o.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),c=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,l=(n=`programmatic`,i=!0)=>{t.value&&(t.value=!1,o.reset(),r?.(),r=null,i&&c()&&e.getTrigger&&Kt(e.getTrigger),e.onClose?.(n))},u=(n=`programmatic`)=>{e.isDisabled?.()||t.value||(t.value=!0,i.update(),r=i.startAutoUpdate?.()??null,e.onOpen?.(n))},d=(e=`click`,n=`trigger`)=>{t.value?l(n):u(e)};Gt({getTargets:()=>[e.getBoundary(),e.getPanel()],isActive:()=>t.value,onDismiss:()=>l(`outsideClick`),signal:e.signal});let f=!1,p=()=>{f||(f=!0,t.value&&(t.value=!1,o.reset(),r?.(),r=null))};return e.signal.addEventListener(`abort`,p,{once:!0}),{ariaActiveDescendant:s,ariaExpanded:n,close:l,dispose:p,get disposed(){return f},focusedIndex:o.focusedIndex,getActiveItem:o.getActiveItem,handleKeydown:e=>t.value?e.key===`Escape`?(e.preventDefault(),l(`escape`),!0):o.handleKeydown(e):!1,isOpen:t,navigate:o.navigate,open:u,scrollFocusedIntoView:a,set:o.set,[Symbol.dispose]:p,toggle:d,updatePosition:i.update}},jn=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},Mn=`@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2)!important;height:var(--size-2)!important}:host([orientation=vertical]) .indicator-active{height:var(--size-8);width:var(--size-1-5)!important}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){border-radius:var(--rounded-full);overflow:hidden;width:var(--size-2)!important;height:var(--size-2)!important}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)!important}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}`,Nn=`:host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}::slotted(*){max-width:100%}`,Pn=`ore-carousel-slide`;i(Pn,{props:{},setup(t){return e({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),o`
|
|
705
|
+
`},styles:[X,Je,q,xn]});var Cn=`@layer refine.base{:host{--_bg:var(--carousel-bg,var(--color-canvas));--_radius:var(--carousel-radius,var(--rounded-xl));--_dot-bg:var(--carousel-dot-bg,var(--color-contrast-300));--_dot-active-bg:var(--carousel-dot-active-bg,var(--color-contrast-700));width:100%;min-height:var(--carousel-min-height,240px);touch-action:auto;background:var(--_bg);border-radius:var(--_radius);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.track{flex:auto;width:100%;min-height:0;position:relative}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}.controls:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--size-3);margin-left:0}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3);margin-right:0}.nav-btn{pointer-events:auto}:host([variant=gallery]) .track{gap:var(--carousel-gallery-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=gallery][orientation=vertical]) .track{flex-direction:column;align-items:stretch}:host([variant=filmstrip]) .track{gap:var(--carousel-filmstrip-gap,var(--size-2));flex-direction:row;align-items:stretch;display:flex;position:absolute;inset:0;overflow:hidden}:host([variant=filmstrip][orientation=vertical]) .track{flex-direction:column;width:100%}:host([orientation=vertical]){--_slide-translate-before:translateY(-100%);--_slide-translate-after:translateY(100%)}:host([orientation=vertical]) .indicators{top:50%;bottom:auto;inset-inline:var(--size-3) auto;width:auto;height:max-content;padding-block:var(--size-6) var(--size-2);padding-inline:var(--size-1-5);border-radius:var(--rounded-full);flex-direction:column;transform:translate(0)translateY(-50%)}:host([orientation=vertical]) .controls{flex-direction:column;margin-top:auto}:host([orientation=vertical]) .controls:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}:host([orientation=vertical]) .controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([orientation=vertical])>.controls{bottom:var(--size-3);margin-top:0}:host([orientation=vertical])>.controls:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--size-3)}:host([orientation=vertical])>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}:host([orientation=vertical]) .indicator:not(.indicator-active){width:var(--size-2);height:var(--size-2)}:host([orientation=vertical]) .indicator-active{width:var(--size-1-5);height:var(--size-8)}.indicators{gap:var(--size-1-5);width:max-content;padding:var(--size-1-5) var(--size-2) var(--size-1-5) var(--size-6);pointer-events:none;background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);flex-direction:row;align-items:center;display:flex;position:absolute;left:50%;right:50%;transform:translate(-50%)}.indicator{pointer-events:auto;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0;display:block}.indicator>ore-progress{pointer-events:none;width:100%;height:100%;display:block}.indicator:not(.indicator-active){width:var(--size-2);height:var(--size-2);border-radius:var(--rounded-full);overflow:hidden}.indicator-active{--progress-track-bg:color-mix(in oklch, var(--_dot-bg) 60%, transparent);width:var(--size-8)}.indicator:focus-visible{outline:var(--border) solid currentcolor;outline-offset:2px}.indicator:hover{opacity:.8}.indicator ore-progress::part(fill){transition:width var(--transition-normal)}.indicator-active ore-progress::part(fill){animation-name:var(--carousel-animation-name,none);animation-duration:calc(var(--carousel-timeout,4000) * 1ms);animation-timing-function:var(--ease-linear);animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){:host{--carousel-transition-duration:0s}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}`,wn=`:host{pointer-events:none;opacity:0;width:100%;height:100%;transform:var(--_slide-translate-after,translateX(100%));transition:transform var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);display:block;position:absolute;inset:0;overflow:hidden}:host([data-before]){transform:var(--_slide-translate-before,translateX(-100%))}:host([data-active]){pointer-events:auto;opacity:1;transform:translate(0)}:host([data-variant=fade]){transition:opacity var(--carousel-transition-duration,.35s) var(--ease-move);transform:none}:host([data-variant=filmstrip]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:1;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);flex-shrink:0;align-self:stretch;position:relative;inset:auto;transform:none}:host([data-variant=filmstrip][data-orientation=horizontal]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-16));width:auto;min-width:var(--carousel-filmstrip-inactive,var(--size-16));height:100%}:host([data-variant=filmstrip][data-orientation=horizontal][data-active]){flex:1 1 0}:host([data-variant=filmstrip][data-orientation=vertical]){flex:0 0 var(--carousel-filmstrip-inactive,var(--size-10));width:100%;height:auto;min-height:var(--carousel-filmstrip-inactive,var(--size-10))}:host([data-variant=filmstrip][data-orientation=vertical][data-active]){flex:1 1 0}:host([data-variant=gallery]){display:none}:host([data-variant=gallery][data-gallery-visible]){pointer-events:auto;border-radius:var(--carousel-radius,var(--rounded-xl));opacity:.5;transition:flex var(--carousel-transition-duration,.35s) var(--ease-move), opacity var(--carousel-transition-duration,.35s) var(--ease-move);align-self:stretch;display:block;position:relative;inset:auto;overflow:hidden;transform:none}:host([data-variant=gallery][data-gallery-visible][data-active]){opacity:1}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible]){flex:0 0 var(--carousel-gallery-thumbnail,var(--size-24));width:auto;min-width:var(--carousel-gallery-thumbnail,var(--size-24));flex-shrink:0;height:100%}:host([data-variant=gallery][data-orientation=horizontal][data-gallery-visible][data-active]){flex:1 1 0}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible]){flex:1 1 0;width:100%;height:auto}:host([data-variant=gallery][data-orientation=vertical][data-gallery-visible][data-active]){flex:4 1 0}::slotted(*){max-width:100%}`,Tn=`ore-carousel-slide`;i(Tn,{props:{},setup(t){return e({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),o`
|
|
684
706
|
<slot></slot>
|
|
685
|
-
`},styles:[
|
|
707
|
+
`},styles:[wn]});var En=`ore-carousel`,Dn=(e,t)=>{let n=e.length;e.forEach((e,r)=>{let i=r===t;e.toggleAttribute(`data-active`,i),e.setAttribute(`aria-hidden`,String(!i)),e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??`Slide ${r+1} of ${n}`),e.removeAttribute(`data-gallery-visible`),e.toggleAttribute(`data-before`,r<t),e.toggleAttribute(`data-after`,r>t)})},On=(e,t)=>{let n=e.length;e.forEach((e,r)=>{let i=r===t;e.toggleAttribute(`data-active`,i),e.setAttribute(`aria-hidden`,String(!i)),e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??`Slide ${r+1} of ${n}`),e.removeAttribute(`data-gallery-visible`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`)})},kn=(e,t)=>{let n=e.length;e.forEach((e,r)=>{let i=r===t,a=t>0&&r===t-1,o=t<n-1&&r===t+1;e.toggleAttribute(`data-active`,i),e.setAttribute(`aria-hidden`,String(!i)),e.setAttribute(`aria-label`,e.getAttribute(`aria-label`)??`Slide ${r+1} of ${n}`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`),e.toggleAttribute(`data-gallery-visible`,i||a||o)})};i(En,{props:{autoplay:m.bool(!1),"autoplay-interval":m.number(5e3),color:m.string(),label:m.string(`Carousel`),loop:m.bool(!0),orientation:m.string(`horizontal`),"show-controls":m.bool(!0),"show-indicators":m.bool(!0),"slide-index":m.number(0),variant:m.string(`default`)},setup(t){let n=a(),r=b(),i=D(t[`slide-index`].value??0),s=null,c=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),l=D(c.length),u=()=>{c=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),l.value=c.length},d=T(()=>t.orientation.value!==`vertical`),f=T(()=>t.loop.value!==!1),m=T(()=>t[`show-controls`].value!==!1),h=T(()=>t[`show-indicators`].value!==!1),g=T(()=>f.value||i.value>0),_=T(()=>f.value||i.value<l.value-1),v=(e,t=!0)=>{let a=l.value;if(a===0)return;let o=f.value?(e%a+a)%a:Math.max(0,Math.min(e,a-1));o!==i.value&&(i.value=o,n.setAttribute(`slide-index`,String(o)),r(`change`,{index:o}),t&&dt(c[o]?.getAttribute(`aria-label`)??`Slide ${o+1} of ${a}`))},y=()=>v(i.value-1),x=()=>v(i.value+1);k(t[`slide-index`],e=>{typeof e==`number`&&e!==i.value&&v(e,!1)});let S=()=>{let e=t.variant.value??`default`,n=t.orientation.value??`horizontal`;c.forEach(t=>{t.setAttribute(`data-variant`,e),t.setAttribute(`data-orientation`,n)})};k(T(()=>({orientation:t.orientation.value,variant:t.variant.value})),S,{immediate:!0});let C={default:Dn,fade:Dn,filmstrip:On,gallery:kn},w=()=>{let e=t.variant.value??`default`;C[e](c,i.value)};k(i,w,{immediate:!0});let E=()=>{s===null&&(s=setInterval(x,t[`autoplay-interval`].value??5e3))},O=()=>{s!==null&&(clearInterval(s),s=null)};k(T(()=>({enabled:t.autoplay.value,interval:t[`autoplay-interval`].value})),({enabled:e})=>{O(),e&&E()});let A=e=>{let t=d.value,n=t?`ArrowLeft`:`ArrowUp`,r=t?`ArrowRight`:`ArrowDown`;e.key===n?(e.preventDefault(),y()):e.key===r?(e.preventDefault(),x()):e.key===`Home`?(e.preventDefault(),v(0)):e.key===`End`&&(e.preventDefault(),v(l.value-1))},j=Qt({axis:()=>d.value?`x`:`y`,onCommit:e=>{e.distance<0?x():y()},threshold:()=>48});e({attr:{"aria-label":()=>t.label.value??`Carousel`,"aria-roledescription":()=>`carousel`,orientation:()=>t.orientation.value??`horizontal`,role:()=>`region`,style:()=>`touch-action:${d.value?`pan-y`:`pan-x`}`,variant:()=>t.variant.value??`default`},on:{focusin:()=>{O()},focusout:()=>{t.autoplay.value&&E()},keydown:A,pointercancel:e=>j.handlePointerCancel(e),pointerdown:e=>{e.composedPath().some(e=>e instanceof HTMLElement&&(e.tagName===`BUTTON`||e.tagName===`ORE-BUTTON`||e.tagName===`ORE-PROGRESS`))||j.handlePointerDown(e)},pointerenter:()=>{O()},pointerleave:()=>{t.autoplay.value&&E()},pointermove:e=>j.handlePointerMove(e),pointerup:e=>j.handlePointerUp(e)}}),p(()=>{let e=n.shadowRoot.querySelector(`slot`),r=()=>{u(),S(),w()};return e.addEventListener(`slotchange`,r),t.autoplay.value&&E(),()=>{O(),j.dispose(),e.removeEventListener(`slotchange`,r)}});let M=e=>{(n.shadowRoot?.querySelector(`.indicator[data-index="${e}"]`))?.focus()},N=(e,t)=>{let n=l.value,r;switch(e.key){case`ArrowDown`:case`ArrowRight`:r=(t+1)%n;break;case`ArrowLeft`:case`ArrowUp`:r=(t-1+n)%n;break;case`End`:r=n-1;break;case`Home`:r=0;break;default:return}e.preventDefault(),v(r),M(r)},P=()=>m.value?o`
|
|
686
708
|
<div class="controls" part="controls">
|
|
687
709
|
<ore-button
|
|
688
710
|
class="nav-btn prev-btn"
|
|
@@ -721,101 +743,35 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
721
743
|
<div class="track" part="track" aria-live=${()=>t.autoplay.value?`off`:`polite`}>
|
|
722
744
|
<slot></slot>
|
|
723
745
|
</div>
|
|
724
|
-
|
|
725
|
-
${()=>h.value&&l.value>1?o`
|
|
726
|
-
<div class="indicators" part="indicators" role="tablist" aria-label="Slide indicators">
|
|
727
|
-
${()=>Array.from({length:l.value},(e,n)=>o`
|
|
728
|
-
<button
|
|
729
|
-
type="button"
|
|
730
|
-
role="tab"
|
|
731
|
-
data-index="${n}"
|
|
732
|
-
class=${()=>`indicator${n===i.value?` indicator-active`:``}`}
|
|
733
|
-
aria-selected=${()=>String(n===i.value)}
|
|
734
|
-
tabindex=${()=>n===i.value?`0`:`-1`}
|
|
735
|
-
aria-label="${`Go to slide ${n+1}`}"
|
|
736
|
-
@click=${()=>v(n)}
|
|
737
|
-
@keydown=${e=>
|
|
738
|
-
<ore-progress
|
|
739
|
-
aria-hidden="true"
|
|
740
|
-
tabindex="-1"
|
|
741
|
-
color=${()=>t.color.value}
|
|
742
|
-
type=${()=>d.value?`linear`:`vertical`}
|
|
743
|
-
value=${()=>n===i.value?100:0}
|
|
744
|
-
style=${()=>{let e=d.value?`carousel-fill`:`carousel-fill-v`;return`--carousel-timeout:${t[`autoplay-interval`].value??5e3};--carousel-animation-name:${n===i.value&&t.autoplay.value?e:`none`}`}}></ore-progress>
|
|
745
|
-
</button>
|
|
746
|
-
`)}
|
|
747
|
-
${
|
|
748
|
-
</div>
|
|
749
|
-
`:o`
|
|
750
|
-
${
|
|
751
|
-
`}
|
|
752
|
-
`},styles:[
|
|
753
|
-
<span class="avatar" part="avatar" aria-label="${c}" role="${()=>c()?`img`:null}">
|
|
754
|
-
${()=>e.src.value?o`
|
|
755
|
-
<img
|
|
756
|
-
ref="${n}"
|
|
757
|
-
part="img"
|
|
758
|
-
src="${e.src}"
|
|
759
|
-
alt="${e.alt}"
|
|
760
|
-
?hidden="${()=>!i.value}"
|
|
761
|
-
aria-hidden="true" />
|
|
762
|
-
`:``}
|
|
763
|
-
${()=>a.value?o`
|
|
764
|
-
<span class="initials" part="initials" aria-hidden="true">${r}</span>
|
|
765
|
-
`:``}
|
|
766
|
-
${()=>s.value?o`
|
|
767
|
-
<ore-icon class="icon-fallback" part="fallback" name="user" size="50%"></ore-icon>
|
|
768
|
-
`:``}
|
|
769
|
-
</span>
|
|
770
|
-
${()=>e.status.value?o`
|
|
771
|
-
<span class="status" part="status" data-status="${e.status}" aria-hidden="true"></span>
|
|
772
|
-
`:``}
|
|
773
|
-
`},styles:[K,W,G({lg:{fontSize:`var(--avatar-font-size, var(--text-base))`,size:`var(--avatar-size, var(--size-14))`},md:{fontSize:`var(--avatar-font-size, var(--text-sm))`,size:`var(--avatar-size, var(--size-10))`},sm:{fontSize:`var(--avatar-font-size, var(--text-xs))`,size:`var(--avatar-size, var(--size-7))`}}),zn]});var Hn=`@layer refine.base{:host{flex-direction:row;display:inline-flex}::slotted(ore-avatar){--avatar-border:var(--border-2) solid var(--color-canvas);margin-left:calc(var(--avatar-group-overlap,-.75rem))}::slotted(ore-avatar:first-child){margin-left:0}:host([dir=rtl]) ::slotted(ore-avatar),:host(:dir(rtl)) ::slotted(ore-avatar){margin-right:calc(var(--avatar-group-overlap,-.75rem));margin-left:0}:host([dir=rtl]) ::slotted(ore-avatar:first-child),:host(:dir(rtl)) ::slotted(ore-avatar:first-child){margin-right:0}::slotted(ore-avatar[data-avatar-group-hidden]){display:none}.overflow-badge{--_size:var(--avatar-size,var(--size-10));box-sizing:border-box;width:var(--_size);height:var(--_size);margin-left:calc(var(--avatar-group-overlap,-.75rem));font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-700);-webkit-user-select:none;user-select:none;background:var(--color-contrast-200);border:var(--border-2) solid var(--color-canvas);border-radius:var(--rounded-full);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}:host([dir=rtl]) .overflow-badge,:host(:dir(rtl)) .overflow-badge{margin-right:calc(var(--avatar-group-overlap,-.75rem));margin-left:0}}`,Un=`ore-avatar-group`;i(Un,{props:{max:m.number(5),total:m.number()},setup(e){let t=a(),n=S(),r=C,i=D(0),s=()=>{let n=[...t.querySelectorAll(`ore-avatar`)],r=Number(e.max.value)||5,a=Math.max(0,n.length-r);i.value=e.total.value==null?a:Number(e.total.value)-r,n.forEach((e,t)=>{t>=r?e.setAttribute(`data-avatar-group-hidden`,``):e.removeAttribute(`data-avatar-group-hidden`)})};r(()=>{n.elements().value,s()});let c=()=>`+${i.value} more`,l=()=>`+${i.value}`;return o`
|
|
774
|
-
<slot></slot>
|
|
775
|
-
${()=>i.value>0?o`
|
|
776
|
-
<span class="overflow-badge" part="overflow" aria-label="${c}">${l}</span>
|
|
777
|
-
`:``}
|
|
778
|
-
`},styles:[Hn]});var Wn=`@layer refine.base{:host,.item{align-items:center;display:inline-flex}.separator{padding-inline:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-contrast-400);display:none}:host([data-show-separator]) .separator{display:inline-block}.link{gap:var(--size-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);outline-offset:2px;border-radius:var(--rounded-lg);transition:color var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.link:hover{color:var(--color-contrast-900);text-decoration:underline}.link:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2)}:host([active]) .link{font-weight:var(--font-semibold);color:var(--color-contrast-900);pointer-events:none;text-decoration:none}.icon{display:contents}.label{min-width:0;max-width:var(--breadcrumb-item-max-width,20ch);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}`,Gn=`@layer refine.base{:host,nav{display:block}ol{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}}`,Kn=`ore-breadcrumb-item`;i(Kn,{props:{active:m.bool(),href:m.string(),separator:m.string(`/`)},setup(e){return o`
|
|
779
|
-
<li class="item" role="listitem">
|
|
780
|
-
<span class="separator" part="separator" aria-hidden="true">${e.separator}</span>
|
|
781
|
-
<a
|
|
782
|
-
class="link"
|
|
783
|
-
href="${e.href}"
|
|
784
|
-
aria-current="${()=>e.active.value?`page`:null}"
|
|
785
|
-
tabindex="${()=>e.active.value?`-1`:null}"
|
|
786
|
-
part="link">
|
|
787
|
-
<span class="icon"><slot name="icon"></slot></span>
|
|
788
|
-
<span class="label"><slot></slot></span>
|
|
789
|
-
</a>
|
|
790
|
-
</li>
|
|
791
|
-
`},styles:[Wn]});var qn=`ore-breadcrumb`;i(qn,{props:{label:m.string(`Breadcrumb`),separator:m.string()},setup(e){let t=a(),n=S(),r=C,i=()=>Array.from(t.getElementsByTagName(`ore-breadcrumb-item`)),s=()=>{let n=e.separator.value||`/`,r=i();for(let e=0;e<r.length;e++)r[e].setAttribute(`separator`,n),r[e].toggleAttribute(`data-show-separator`,e>0);n?t.style.setProperty(`--breadcrumb-separator`,`'${n}'`):t.style.removeProperty(`--breadcrumb-separator`)};return r(()=>{n.elements().value,s()}),o`
|
|
792
|
-
<nav part="nav" aria-label="${e.label}">
|
|
793
|
-
<ol role="list" part="list">
|
|
794
|
-
<slot></slot>
|
|
795
|
-
</ol>
|
|
796
|
-
</nav>
|
|
797
|
-
`},styles:[Gn]});var Jn=`@layer refine.base{:host{--_bg:var(--card-bg,var(--color-canvas));--_color:var(--card-color,var(--color-contrast-900));--_border:var(--card-border,var(--border));--_border-color:var(--card-border-color,var(--color-divider));--_radius:var(--card-radius,var(--rounded-lg));--_padding:var(--card-padding,var(--size-4));--_shadow:var(--card-shadow,var(--shadow-sm));--_hover-shadow:var(--card-hover-shadow,var(--shadow-md));flex-direction:column;display:flex;position:relative}.card{color:var(--_color);background:var(--_bg);border-radius:var(--_radius);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:box-shadow var(--transition-normal), transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.card-media{flex-shrink:0;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;min-height:0;display:flex}.card-header,.card-content,.card-footer{padding:var(--_padding)}.card-header{padding-bottom:calc(var(--_padding) / 2)}.card-footer{padding-top:calc(var(--_padding) / 2)}.card-content{flex:1}.card-actions{gap:var(--size-2);padding:var(--_padding);padding-top:calc(var(--_padding) / 2);flex-wrap:wrap;align-items:center;display:flex}[hidden]{display:none}}@layer refine.variants{:host(:not([variant],[color])){--_shadow:var(--card-shadow,var(--shadow-sm))}:host(:not([variant],[color])) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host(:not([variant])[color]){--_bg:var(--card-bg,var(--_theme-backdrop));--_border-color:var(--card-border-color,var(--_theme-border))}:host(:not([variant])[color]) .card{border:var(--_border) solid var(--_border-color)}:host(:not([variant])[color]:hover){--_bg:var(--card-bg,color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50)));--_border-color:var(--card-border-color,var(--_theme-focus))}:host([variant=solid]){--_bg:var(--card-bg,var(--_theme-base));--_color:var(--card-color,var(--_theme-contrast));--_border-color:var(--card-border-color,var(--_theme-base));--_shadow:var(--card-shadow,var(--shadow-sm))}:host([variant=solid]) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host([variant=flat]){--_border-color:var(--card-border-color,color-mix(in oklch, var(--_theme-border) 50%, transparent))}:host([variant=flat]) .card{border:var(--_border) solid var(--_border-color)}:host([variant=glass]) .card{text-shadow:var(--text-shadow-xs);border:var(--_border) solid var(--_border-color);box-shadow:var(--card-shadow,var(--shadow-md)), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]:hover) .card{box-shadow:var(--card-hover-shadow,var(--shadow-xl)), var(--inset-shadow-sm);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1);backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1)}:host([variant=glass][interactive]:hover) .card{box-shadow:var(--card-hover-shadow,var(--shadow-2xl)), var(--inset-shadow-sm)}}@layer refine.overrides{.loading-bar{background:linear-gradient(90deg, transparent 0%, var(--_theme-base,var(--color-primary)) 50%, transparent 100%);width:65%;height:3px;display:none;position:absolute;top:0}.loading-bar:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.loading-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s linear infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(-2px)scale(1.01)}:host([interactive]) .card{cursor:pointer;will-change:transform}:host[interactive]:not([disabled]):active:not(:has(button:active,a[href]:active,input:active,select:active,textarea:active,summary:active,[role=button]:active,[role=link]:active)) .card{box-shadow:var(--_shadow);transition:box-shadow var(--transition-fast), transform .12s var(--ease-spring);transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`,Yn=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function Xn(e,t){for(let n of t.composedPath())if(n instanceof HTMLElement){if(n===e)return!1;if(n.matches(Yn)||n.closest(Yn))return!0}return!1}var Zn=`ore-card`;i(Zn,{props:{...Y,...Z,...ct,elevation:m.number(),interactive:m.bool(!1),orientation:m.string(),padding:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=S(),s=C;e({attr:{ariaBusy:()=>t.loading.value?`true`:`false`,ariaDisabled:()=>t.interactive.value?String(t.disabled.value):null,role:()=>t.interactive.value?`button`:null}}),s(()=>{t.interactive.value?n.setAttribute(`tabindex`,t.disabled.value?`-1`:`0`):n.removeAttribute(`tabindex`)});let c=Vt({disabled:T(()=>!t.interactive.value||!!t.disabled.value),onPress:(e,t)=>{r(`activate`,{originalEvent:e,trigger:t})}}),l=e=>{!t.interactive.value||t.disabled.value||Xn(n,e)||c.handleClick(e)},u=e=>{c.handleKeydown(e)};return e({on:{click:e=>l(e),keydown:e=>u(e)}}),o`
|
|
798
|
-
<div class="card" part="card">
|
|
799
|
-
<div class="loading-bar" part="loading-bar"></div>
|
|
800
|
-
<div class="card-media" part="media" ?hidden="${()=>!i.has(`media`).value}">
|
|
801
|
-
<slot name="media"></slot>
|
|
802
|
-
</div>
|
|
803
|
-
<div class="card-body" part="body">
|
|
804
|
-
<div class="card-header" part="header" ?hidden="${()=>!i.has(`header`).value}">
|
|
805
|
-
<slot name="header"></slot>
|
|
806
|
-
</div>
|
|
807
|
-
<div class="card-content" part="content" ?hidden="${()=>!i.has().value}">
|
|
808
|
-
<slot></slot>
|
|
809
|
-
</div>
|
|
810
|
-
<div class="card-footer" part="footer" ?hidden="${()=>!i.has(`footer`).value}">
|
|
811
|
-
<slot name="footer"></slot>
|
|
812
|
-
</div>
|
|
813
|
-
<div class="card-actions" part="actions" ?hidden="${()=>!i.has(`actions`).value}">
|
|
814
|
-
<slot name="actions"></slot>
|
|
815
|
-
</div>
|
|
816
|
-
</div>
|
|
817
|
-
</div>
|
|
818
|
-
`},styles:[K,be,pe,W,Ce(`.card`),U,Jn]});var Qn=`@layer refine.base{:host{--_bg:var(--chat-message-bg,var(--color-contrast-100));--_color:var(--chat-message-color,var(--color-contrast-900));--_user-bg:var(--chat-message-user-bg,var(--color-primary));--_user-color:var(--chat-message-user-color,var(--color-primary-content));--_radius:var(--chat-message-radius,var(--rounded-lg));--_max-width:var(--chat-message-max-width,36rem);display:block}.row{gap:var(--size-2-5);align-items:flex-start;display:flex}:host([sender=user]) .row{flex-direction:row-reverse}.avatar{flex-shrink:0;display:flex}.avatar[hidden]{display:none}.column{gap:var(--size-1);flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}:host([sender=user]) .column{align-items:flex-end}.name{padding-inline:var(--size-3-5);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500)}.name[hidden]{display:none}.bubble{box-sizing:border-box;width:fit-content;max-width:var(--_max-width);padding:var(--size-2-5) var(--size-3-5);color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}:host([sender=user]) .bubble{color:var(--_user-color);background:var(--_user-bg)}.content{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.content-slot{overflow-wrap:anywhere;white-space:pre-wrap}.cursor{vertical-align:text-bottom;width:.5em;height:1em;animation:var(--_motion-animation,chat-message-blink 1s step-end infinite);background:currentColor;display:inline-block}.cursor:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-0-5)}.cursor:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-0-5)}.cursor[hidden]{display:none}@keyframes chat-message-blink{50%{opacity:0}}.meta{gap:var(--size-1-5);padding-inline:var(--size-3-5);font-size:var(--text-xs);color:var(--color-contrast-400);align-items:center;display:flex}.meta[hidden],.timestamp[hidden]{display:none}.status{align-items:center;display:inline-flex}.status[hidden]{display:none}.status[data-status=sent]{color:var(--color-success)}.status[data-status=error]{color:var(--color-error)}.spinner{border:2px solid var(--color-contrast-300);width:.75em;height:.75em;animation:var(--_motion-animation,chat-message-spin var(--transition-loader) infinite);border-radius:50%;display:inline-block}.spinner:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes chat-message-spin{to{transform:rotate(360deg)}}.error-text{color:var(--color-error)}.error-text[hidden]{display:none}.retry{font:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.retry[hidden]{display:none}.retry:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.actions{gap:var(--size-1);padding-inline:var(--size-3-5);display:flex}.actions[hidden]{display:none}}`,$n={assistant:`Assistant`,system:`System`,user:`You`},er=`ore-chat-message`;i(er,{props:{error:m.string(),name:m.string(),sender:m.oneOf([`user`,`assistant`,`system`],`assistant`),status:m.string(),streaming:m.bool(!1),timestamp:m.string()},setup(e){let t=b(),n=S(),r=()=>$n[e.sender.value??`assistant`],i=T(()=>`Message from ${e.name.value||r()}`),a=T(()=>{let t=e.timestamp.value;if(!t)return``;let n=new Date(t);return Number.isNaN(n.getTime())?``:new Intl.DateTimeFormat(void 0,{hour:`numeric`,minute:`2-digit`}).format(n)}),s=T(()=>!!a.value||!!e.status.value||!!e.error.value);J(()=>e.status.value===`error`?e.error.value??``:null,e=>{e!==null&&ln(`Message failed to send${e?`: ${e}`:``}`,{politeness:`assertive`})});function c(e){t(`retry`,{originalEvent:e})}let l=g();function u(){let e=l.value?.assignedNodes({flatten:!0});if(!(!e||e.length===0)){for(let t of e){if(t.nodeType!==Node.TEXT_NODE)break;let e=(t.textContent??``).replace(/^\s+/,``);if(t.textContent=e,e!==``)break}for(let t=e.length-1;t>=0;t--){let n=e[t];if(n.nodeType!==Node.TEXT_NODE)break;let r=(n.textContent??``).replace(/\s+$/,``);if(n.textContent=r,r!==``)break}}}return p(()=>{u();let e=l.value;e&&f(e,`slotchange`,u)}),o`
|
|
746
|
+
|
|
747
|
+
${()=>h.value&&l.value>1?o`
|
|
748
|
+
<div class="indicators" part="indicators" role="tablist" aria-label="Slide indicators">
|
|
749
|
+
${()=>Array.from({length:l.value},(e,n)=>o`
|
|
750
|
+
<button
|
|
751
|
+
type="button"
|
|
752
|
+
role="tab"
|
|
753
|
+
data-index="${n}"
|
|
754
|
+
class=${()=>`indicator${n===i.value?` indicator-active`:``}`}
|
|
755
|
+
aria-selected=${()=>String(n===i.value)}
|
|
756
|
+
tabindex=${()=>n===i.value?`0`:`-1`}
|
|
757
|
+
aria-label="${`Go to slide ${n+1}`}"
|
|
758
|
+
@click=${()=>v(n)}
|
|
759
|
+
@keydown=${e=>N(e,n)}>
|
|
760
|
+
<ore-progress
|
|
761
|
+
aria-hidden="true"
|
|
762
|
+
tabindex="-1"
|
|
763
|
+
color=${()=>t.color.value}
|
|
764
|
+
type=${()=>d.value?`linear`:`vertical`}
|
|
765
|
+
value=${()=>n===i.value?100:0}
|
|
766
|
+
style=${()=>{let e=d.value?`carousel-fill`:`carousel-fill-v`;return`--carousel-timeout:${t[`autoplay-interval`].value??5e3};--carousel-animation-name:${n===i.value&&t.autoplay.value?e:`none`}`}}></ore-progress>
|
|
767
|
+
</button>
|
|
768
|
+
`)}
|
|
769
|
+
${P}
|
|
770
|
+
</div>
|
|
771
|
+
`:o`
|
|
772
|
+
${P}
|
|
773
|
+
`}
|
|
774
|
+
`},styles:[Cn]});var An=`@layer refine.base{:host{--_bg:var(--chat-message-bg,var(--color-contrast-100));--_color:var(--chat-message-color,var(--color-contrast-900));--_user-bg:var(--chat-message-user-bg,var(--color-primary));--_user-color:var(--chat-message-user-color,var(--color-primary-content));--_radius:var(--chat-message-radius,var(--rounded-lg));--_max-width:var(--chat-message-max-width,36rem);display:block}.row{gap:var(--size-2-5);align-items:flex-start;display:flex}:host([sender=user]) .row{flex-direction:row-reverse}.avatar{flex-shrink:0;display:flex}.avatar[hidden]{display:none}.column{gap:var(--size-1);flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}:host([sender=user]) .column{align-items:flex-end}.name{padding-inline:var(--size-3-5);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500)}.name[hidden]{display:none}.bubble{box-sizing:border-box;width:fit-content;max-width:var(--_max-width);padding:var(--size-2-5) var(--size-3-5);color:var(--_color);background:var(--_bg);border-radius:var(--_radius)}:host([sender=user]) .bubble{color:var(--_user-color);background:var(--_user-bg)}.content{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.content-slot{overflow-wrap:anywhere;white-space:pre-wrap}.cursor{vertical-align:text-bottom;width:.5em;height:1em;animation:var(--_motion-animation,chat-message-blink 1s step-end infinite);background:currentColor;display:inline-block}.cursor:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--size-0-5)}.cursor:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-0-5)}.cursor[hidden]{display:none}@keyframes chat-message-blink{50%{opacity:0}}.meta{gap:var(--size-1-5);padding-inline:var(--size-3-5);font-size:var(--text-xs);color:var(--color-contrast-400);align-items:center;display:flex}.meta[hidden],.timestamp[hidden]{display:none}.status{align-items:center;display:inline-flex}.status[hidden]{display:none}.status[data-status=sent]{color:var(--color-success)}.status[data-status=error]{color:var(--color-error)}.spinner{border:2px solid var(--color-contrast-300);width:.75em;height:.75em;animation:var(--_motion-animation,chat-message-spin var(--transition-loader) infinite);border-radius:50%;display:inline-block}.spinner:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes chat-message-spin{to{transform:rotate(360deg)}}.error-text{color:var(--color-error)}.error-text[hidden]{display:none}.retry{font:inherit;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.retry[hidden]{display:none}.retry:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.actions{gap:var(--size-1);padding-inline:var(--size-3-5);display:flex}.actions[hidden]{display:none}}`,jn={assistant:`Assistant`,system:`System`,user:`You`},Mn=`ore-chat-message`;i(Mn,{props:{error:m.string(),name:m.string(),sender:m.oneOf([`user`,`assistant`,`system`],`assistant`),status:m.string(),streaming:m.bool(!1),timestamp:m.string()},setup(e){let t=b(),n=S(),r=()=>jn[e.sender.value??`assistant`],i=T(()=>`Message from ${e.name.value||r()}`),a=T(()=>{let t=e.timestamp.value;if(!t)return``;let n=new Date(t);return Number.isNaN(n.getTime())?``:new Intl.DateTimeFormat(void 0,{hour:`numeric`,minute:`2-digit`}).format(n)}),s=T(()=>!!a.value||!!e.status.value||!!e.error.value);k(()=>e.status.value===`error`?e.error.value??``:null,e=>{e!==null&&dt(`Message failed to send${e?`: ${e}`:``}`,{politeness:`assertive`})});function c(e){t(`retry`,{originalEvent:e})}let l=g();function u(){let e=l.value?.assignedNodes({flatten:!0});if(!(!e||e.length===0)){for(let t of e){if(t.nodeType!==Node.TEXT_NODE)break;let e=(t.textContent??``).replace(/^\s+/,``);if(t.textContent=e,e!==``)break}for(let t=e.length-1;t>=0;t--){let n=e[t];if(n.nodeType!==Node.TEXT_NODE)break;let r=(n.textContent??``).replace(/\s+$/,``);if(n.textContent=r,r!==``)break}}}return p(()=>{u();let e=l.value;e&&f(e,`slotchange`,u)}),o`
|
|
819
775
|
<div class="row" part="row">
|
|
820
776
|
<span class="avatar" part="avatar" ?hidden="${()=>!n.has(`avatar`).value}">
|
|
821
777
|
<slot name="avatar"></slot>
|
|
@@ -862,9 +818,53 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
862
818
|
</div>
|
|
863
819
|
</div>
|
|
864
820
|
</div>
|
|
865
|
-
`},styles:[
|
|
821
|
+
`},styles:[q,An]});var Nn=`@layer refine.base{:host{--_bg:var(--code-window-bg,var(--color-canvas));--_header-bg:var(--code-window-header-bg,var(--color-contrast-100));--_border-color:var(--code-window-border-color,var(--color-contrast-300));--_radius:var(--code-window-radius,var(--rounded-lg));--_shadow:var(--code-window-shadow,var(--shadow-sm));--_body-padding:var(--code-window-body-padding,var(--size-5) var(--size-6));display:block}.window{background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.header{gap:var(--size-1-5);padding:var(--size-3) var(--size-5);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-normal);align-items:center;display:flex;overflow:hidden}.lang{padding:2px var(--size-1-5);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-primary);letter-spacing:.03em;background:var(--color-primary-backdrop);border:var(--border) solid #a18fe233;border-radius:var(--rounded-sm);flex-shrink:0}@supports (color:lab(0% 0 0)){.lang{border:var(--border) solid lab(63.6951% 20.4189 -39.9919/.2)}}.filename{text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-color-secondary);white-space:nowrap;overflow:hidden}.filename:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--size-2)}.filename:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.dots{gap:var(--size-1-5);flex-shrink:0;align-items:center;display:flex}.dots:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_border-color);margin-right:var(--size-1-5);padding-right:var(--size-3)}.dots:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color);margin-left:var(--size-1-5);padding-left:var(--size-3)}.dots span{width:var(--size-3);height:var(--size-3);border-radius:var(--rounded-full);display:block}.dots span:first-child{background:lab(57.6104% 56.6725 33.4484)}.dots span:nth-child(2){background:lab(67.409% 21.2366 110.235)}.dots span:nth-child(3){background:lab(58.0445% -50.6808 43.5643)}.title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-color-secondary);letter-spacing:.02em}.header-spacer{flex:1}::slotted([slot=header-end]){flex-shrink:0}.body{padding:var(--_body-padding);overflow-x:auto}}`,Pn=`ore-code-window`;i(Pn,{props:{filename:m.string(),lang:m.string(`ts`),title:m.string(`MCP tool call`),variant:m.oneOf([`code`,`chat`],`code`)},setup(e){let t=T(()=>e.variant.value===`code`),n=T(()=>!!e.filename.value);return o`
|
|
822
|
+
<div class="window" part="window">
|
|
823
|
+
<div class="header" part="header">
|
|
824
|
+
${w(t,()=>o`
|
|
825
|
+
<span class="lang" part="lang">${e.lang}</span>
|
|
826
|
+
${w(n,()=>o`
|
|
827
|
+
<span class="filename" part="filename">${e.filename}</span>
|
|
828
|
+
`)}
|
|
829
|
+
`,()=>o`
|
|
830
|
+
<div class="dots" part="dots" aria-hidden="true">
|
|
831
|
+
<span></span>
|
|
832
|
+
<span></span>
|
|
833
|
+
<span></span>
|
|
834
|
+
</div>
|
|
835
|
+
<span class="title" part="title">${e.title}</span>
|
|
836
|
+
`)}
|
|
837
|
+
<div class="header-spacer"></div>
|
|
838
|
+
<slot name="header-end"></slot>
|
|
839
|
+
</div>
|
|
840
|
+
<div class="body" part="body">
|
|
841
|
+
<slot></slot>
|
|
842
|
+
</div>
|
|
843
|
+
</div>
|
|
844
|
+
`},styles:[Nn]});var Fn=`@layer refine.base{:host{--_bg:var(--copy-command-bg,var(--color-contrast-100));--_color:var(--copy-command-color,var(--text-color-body));--_border-color:var(--copy-command-border-color,var(--color-contrast-300));--_radius:var(--copy-command-radius,var(--rounded-md));--_padding:var(--copy-command-padding,var(--size-2) var(--size-3));--_font-size:var(--copy-command-font-size,var(--text-sm));--_icon-color:var(--copy-command-icon-color,var(--text-color-secondary));--_hover-bg:var(--copy-command-hover-bg,var(--color-contrast-200));display:inline-block}:host([hidden]){display:none}:host([rounded=none]){--_radius:var(--rounded-none,0)}:host([rounded=sm]){--_radius:var(--rounded-sm)}:host([rounded=md]){--_radius:var(--rounded-md)}:host([rounded=lg]){--_radius:var(--rounded-lg)}:host([rounded=xl]){--_radius:var(--rounded-xl)}:host([rounded="2xl"]){--_radius:var(--rounded-2xl)}:host([rounded="3xl"]){--_radius:var(--rounded-3xl)}:host([rounded=full]){--_radius:var(--rounded-full)}:host([size=sm]){--_padding:var(--copy-command-padding,var(--size-1) var(--size-2));--_font-size:var(--copy-command-font-size,var(--text-xs))}:host([size=lg]){--_padding:var(--copy-command-padding,var(--size-2-5) var(--size-4));--_font-size:var(--copy-command-font-size,var(--text-base))}:host([variant=bordered]){--_bg:var(--copy-command-bg,transparent);--_border-color:var(--copy-command-border-color,var(--color-contrast-400))}:host([variant=ghost]){--_bg:var(--copy-command-bg,transparent);--_border-color:var(--copy-command-border-color,transparent);--_hover-bg:var(--copy-command-hover-bg,var(--color-contrast-100))}.wrapper{background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);transition:border-color var(--transition-normal), background var(--transition-normal);align-items:stretch;display:inline-flex;overflow:hidden}.command{gap:var(--size-2);padding:var(--_padding);font-family:var(--font-mono);font-size:var(--_font-size);color:var(--_color);cursor:pointer;transition:background var(--transition-normal);background:0 0;border:none;flex:1;align-items:center;display:inline-flex}.command:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.command:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.command:hover{background:var(--_hover-bg)}.command:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:calc(var(--_radius) - 1px)}.command-text{text-overflow:ellipsis;font-family:inherit;font-size:inherit;color:inherit;white-space:nowrap;background:0 0;flex:1;overflow:hidden}.copy-icon{color:var(--_icon-color);transition:color var(--transition-normal);flex-shrink:0;align-items:center;display:inline-flex}.icon-copied{color:var(--color-success,#44a53b)}@supports (color:lab(0% 0 0)){.icon-copied{color:var(--color-success,lab(60.204% -45.248 44.171))}}.icon-failed{color:var(--color-danger,#ed4042)}@supports (color:lab(0% 0 0)){.icon-failed{color:var(--color-danger,lab(54.9593% 66.408 40.8869))}}.suffix{align-items:stretch;display:flex}.suffix:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:var(--border) solid var(--_border-color)}.suffix:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}.suffix[hidden]{display:none}::slotted([slot=suffix]){align-items:center;display:flex}}`,In=`ore-copy-command`;i(In,{props:{rounded:m.string(`md`),size:m.string(`md`),value:m.string(``),variant:m.string(`flat`)},setup(e){let t=b(),n=S(),r=D(!1),i=D(!1),a=null;u(()=>{a!==null&&clearTimeout(a)});let s=async()=>{let n=e.value.value??``;if(n){a!==null&&clearTimeout(a);try{await navigator.clipboard.writeText(n),r.value=!0,i.value=!1,t(`copy`,{value:n})}catch{r.value=!1,i.value=!0}a=setTimeout(()=>{r.value=!1,i.value=!1,a=null},2e3)}},c=T(()=>n.has(`suffix`).value),l=T(()=>r.value?`Copied!`:i.value?`Copy failed — press to try again`:`Copy: ${e.value.value??``}`);return o`
|
|
845
|
+
<div class="wrapper" part="wrapper">
|
|
846
|
+
<button class="command" part="command" type="button" aria-label="${l}" @click=${s}>
|
|
847
|
+
<code class="command-text" part="command-text">${e.value}</code>
|
|
848
|
+
<span class="copy-icon" part="copy-icon" aria-hidden="true">
|
|
849
|
+
${()=>r.value?o`
|
|
850
|
+
<ore-icon name="check" size="14" class="icon-copied" aria-hidden="true"></ore-icon>
|
|
851
|
+
`:i.value?o`
|
|
852
|
+
<ore-icon name="circle-alert" size="14" class="icon-failed" aria-hidden="true"></ore-icon>
|
|
853
|
+
`:o`
|
|
854
|
+
<ore-icon name="copy" size="14" aria-hidden="true"></ore-icon>
|
|
855
|
+
`}
|
|
856
|
+
</span>
|
|
857
|
+
</button>
|
|
858
|
+
<div class="suffix" part="suffix" ?hidden="${()=>!c.value}">
|
|
859
|
+
<slot name="suffix"></slot>
|
|
860
|
+
</div>
|
|
861
|
+
</div>
|
|
862
|
+
<div role="status" class="sr-only">
|
|
863
|
+
${()=>r.value?`Copied to clipboard.`:i.value?`Copy failed. Select the command text and copy it manually.`:``}
|
|
864
|
+
</div>
|
|
865
|
+
`},styles:[je,Fn]});var Ln=`@layer refine.base{:host,::slotted(ore-list-item){display:block}:host([variant=bordered]){border:var(--border) solid var(--color-contrast-200);border-radius:var(--list-radius,var(--rounded-lg));overflow:hidden}:host([variant=bordered]) ::slotted(ore-list-item:not(:last-of-type)){border-bottom:var(--border) solid var(--color-contrast-200)}:host([variant=separated]){gap:var(--_gap,var(--size-2-5));flex-direction:column;display:flex}:host([variant=separated]) ::slotted(ore-list-item){border:var(--border) solid var(--color-contrast-200);border-radius:var(--list-radius,var(--rounded-lg));overflow:hidden}:host([disabled]){pointer-events:none;opacity:.6}}`,Rn=t(`ListContext`),zn=`ore-list`;i(zn,{props:{...W,...U,selectable:m.bool(!1),value:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=()=>[...n.querySelectorAll(`:scope > ore-list-item:not([disabled])`)],s=()=>[...n.querySelectorAll(`:scope > ore-list-item`)],c=e=>e.shadowRoot?.querySelector(`[part="row"]`)??null,l=()=>i().map(c).filter(e=>e!=null),d=un({getItems:i,loop:!0,onNavigate:(e,t)=>{c(i()[t])?.focus()},signal:Z(u)}),f=D(t.value.value);k(t.value,e=>{f.value=e});let p=e=>{f.value!==e&&(f.value=e,r(`change`,{value:e??null}))},m=e=>{for(let t of s())t!==e&&t.removeAttribute(`revealed`)},g=e=>{let t=s().find(e=>e.hasAttribute(`revealed`));!t||e.composedPath().includes(t)||t.removeAttribute(`revealed`)};return document.addEventListener(`pointerdown`,g,{capture:!0}),u(()=>document.removeEventListener(`pointerdown`,g,{capture:!0})),h(Rn,{requestReveal:m,select:p,selectable:T(()=>!!t.selectable.value),value:f}),e({attr:{"aria-disabled":()=>t.disabled.value?`true`:null,role:()=>t.selectable.value?`listbox`:`list`,value:()=>f.value??null},on:{keydown:e=>{if(!t.selectable.value||t.disabled.value)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.getAttribute(`part`)===`row`);if(!n)return;let r=l().indexOf(n);r!==-1&&(d.set(r),d.handleKeydown(e))}}}),o`
|
|
866
866
|
<slot></slot>
|
|
867
|
-
`},styles:[
|
|
867
|
+
`},styles:[Y(Oe),Ln]});var Bn=64,Vn=192,Hn=.85;function Un(e,t){let n=e=>e.distance<0?`right`:`left`,r=()=>{e.removeAttribute(`data-dragging`),e.removeAttribute(`data-confirming`),e.style.removeProperty(`--_swipe-x`)};return Qt({axis:()=>`x`,captureTarget:()=>null,disabled:t.disabled,onCancel:r,onCommit:i=>{let a=n(i);r(),t.hasActions(a)&&(e.removeAttribute(`revealed`),t.onConfirm(a))},onMove:r=>{let i=n(r);if(!t.hasActions(i))return;let a=Math.min(Math.abs(r.distance)/Bn,1);e.setAttribute(`data-dragging`,``),e.toggleAttribute(`data-confirming`,r.progress>=Hn),e.style.setProperty(`--_swipe-x`,String((i===`left`?1:-1)*a))},onRelease:i=>{let a=n(i);r(),t.hasActions(a)&&Math.abs(i.distance)>=Bn&&e.setAttribute(`revealed`,a)},threshold:()=>Vn})}var Wn=`@layer refine.base{:host{--_actions-width:var(--list-item-actions-width,var(--size-24));color:var(--color-contrast-700);display:block;position:relative;overflow:hidden}.row{z-index:1;box-sizing:border-box;gap:var(--_gap,var(--size-4));width:100%;min-height:var(--_min-height,var(--size-4));padding:var(--_padding,var(--size-2-5) var(--size-4));font-size:var(--_font-size,var(--text-sm));touch-action:pan-y;cursor:default;background:var(--list-item-bg,var(--color-canvas));transform:translateX(calc(var(--_swipe-x,0) * var(--_actions-width)));transition:var(--_motion-transition,transform var(--transition-fast), background var(--transition-fast));border:none;outline:none;align-items:center;display:flex;position:relative}.row:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left;padding-right:var(--_padding-inline-end,var(--size-6))}.row:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right;padding-left:var(--_padding-inline-end,var(--size-6))}.leading,.trailing{flex-shrink:0;align-items:center;display:flex}.content{gap:var(--size-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.description{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-contrast-400);white-space:nowrap;display:block;overflow:hidden}.description:empty{display:none}.row:hover{background:var(--list-item-hover-bg,var(--color-contrast-100))}.row:focus-visible{outline:var(--focus-ring);outline-offset:-2px}:host([selected]) .row{color:var(--color-primary);background:var(--list-item-selected-bg,color-mix(in oklch, var(--color-primary) 10%, transparent))}:host([disabled]){pointer-events:none;opacity:.6}.actions{width:var(--_actions-width);transition:var(--_motion-transition,transform var(--transition-fast));align-items:stretch;display:flex;position:absolute;top:0;bottom:0}.actions ::slotted(*){flex:1;height:100%}.actions-left{transform:translateX(calc((var(--_swipe-x,0) - 1) * 100%));left:0}.actions-right{transform:translateX(calc((var(--_swipe-x,0) + 1) * 100%));right:0}:host([revealed=left]){--_swipe-x:1}:host([revealed=right]){--_swipe-x:-1}:host:has(.actions-left:focus-within){--_swipe-x:1}:host:has(.actions-right:focus-within){--_swipe-x:-1}:host([data-dragging]) .row,:host([data-dragging]) .actions-left,:host([data-dragging]) .actions-right{transition:none}:host([data-confirming]) .actions-left,:host([data-confirming]) .actions-right{filter:saturate(1.4)brightness(.94)}}`,Gn=e=>e===`left`?`actions-left`:`actions-right`,Kn=`ore-list-item`;i(Kn,{props:{...W,revealed:m.oneOf([`left`,`right`],void 0),value:m.string()},setup(t){let n=a(),r=b(),i=S(),c=s(Rn),l=T(()=>!!c?.selectable.value),d=T(()=>t.value.value!=null&&c!=null&&c.value.value===t.value.value),f=Un(n,{disabled:T(()=>t.disabled.value||!!t.revealed.value),hasActions:e=>i.has(Gn(e)).value,onConfirm:e=>{let t=i.elements(Gn(e)).value[0];r(`confirm`,{item:n,side:e}),t?.click()}});u(()=>f.dispose()),C(()=>{n.toggleAttribute(`selected`,d.value)});let p=d.value;C(()=>{let e=d.value;e!==p&&(p=e,r(e?`select`:`deselect`,{item:n,value:t.value.value??null}))});let m=t.revealed.value??null;C(()=>{let e=t.revealed.value??null;e!==m&&(m=e,e?(c?.requestReveal(n),r(`reveal`,{item:n,side:e})):r(`conceal`,{item:n}))});let h=e=>{if(t.disabled.value)return;if(t.revealed.value){e.preventDefault(),e.stopPropagation(),n.removeAttribute(`revealed`);return}if(!l.value)return;let r=t.value.value;r!=null&&c?.select(d.value?void 0:r)};return e({attr:{"aria-disabled":()=>t.disabled.value?`true`:null,"aria-selected":()=>l.value?String(d.value):null,role:()=>l.value?`option`:`listitem`}}),o`
|
|
868
868
|
<div
|
|
869
869
|
class="row"
|
|
870
870
|
part="row"
|
|
@@ -884,11 +884,11 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
884
884
|
</div>
|
|
885
885
|
<span class="actions actions-left" part="actions-start"><slot name="actions-left"></slot></span>
|
|
886
886
|
<span class="actions actions-right" part="actions-end"><slot name="actions-right"></slot></span>
|
|
887
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
887
|
+
`},shadow:{delegatesFocus:!0},styles:[q,Wn]});function qn(e){if(!e)return null;let t=e.trim();return/[;{}\n\r]/.test(t)?null:/^-?(\d+(\.\d+)?)(px|em|rem|%|vh|vw|vmin|vmax|dvh|dvw|svh|svw|ch|ex|lh|rlh|cm|mm|in|pt|pc|fr|s|ms|deg|rad|turn)$/.test(t)||/^(0|auto|none|inherit|initial|unset|revert)$/.test(t)||/^(var|calc|env|clamp|min|max)\([^;{}]*\)$/.test(t)?t:null}function Jn(e,t){let n=e??``;if(t!==`_blank`)return n||null;let r=new Set(n.split(/\s+/).filter(Boolean));return r.add(`noopener`),r.add(`noreferrer`),[...r].join(` `)}function Yn(e,t,n,r){let i=T(()=>!!e.value&&!r?.value);return{effectiveRel:T(()=>Jn(t.value,n.value)),isLink:i}}var Xn=`@layer refine.base{:host{--group-gap:var(--size-2);--group-radius:var(--_radius,var(--rounded-lg));display:inline-flex}.button-group{gap:var(--group-gap);flex-direction:row;display:flex}}@layer refine.variants{:host([orientation=vertical]) .button-group{flex-direction:column}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([fullwidth]) .button-group{width:100%}:host([fullwidth]) ::slotted(ore-button){flex:1}:host([attached]) .button-group{gap:0}:host([attached]) ::slotted(ore-button:hover),:host([attached]) ::slotted(ore-button:focus-within){z-index:1;position:relative}:host([attached]:not([orientation=vertical])) ::slotted(ore-button){--button-radius:0}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:not(:first-child)){--button-border-start:0}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:first-child){--button-radius:var(--group-radius) 0 0 var(--group-radius)}:host([attached]:not([orientation=vertical])) ::slotted(ore-button:last-child){--button-radius:0 var(--group-radius) var(--group-radius) 0}:host([attached][orientation=vertical]) ::slotted(ore-button){--button-radius:0}:host([attached][orientation=vertical]) ::slotted(ore-button:not(:first-child)){--button-border-top:0}:host([attached][orientation=vertical]) ::slotted(ore-button:first-child){--button-radius:var(--group-radius) var(--group-radius) 0 0}:host([attached][orientation=vertical]) ::slotted(ore-button:last-child){--button-radius:0 0 var(--group-radius) var(--group-radius)}}`,Zn=t(`OreButtonGroup`),Qn=`ore-button-group`;i(Qn,{props:{...H,...U,...G,attached:m.bool(!1),fullwidth:m.bool(!1),label:m.string(),orientation:m.string(),variant:m.string()},setup(e){return h(Zn,{color:e.color,size:e.size,variant:e.variant}),o`
|
|
888
888
|
<div class="button-group" part="group" role="group" aria-label="${e.label}">
|
|
889
889
|
<slot></slot>
|
|
890
890
|
</div>
|
|
891
|
-
`},styles:[
|
|
891
|
+
`},styles:[J,Xn]});var $n=e=>()=>e.value||void 0,er=(t,n,r)=>{let{assistiveId:i,checked:a,disabled:o,errorText:s,handleClick:c,handleKeydown:l,helperText:u,indeterminate:d,labelId:f,required:p}=n;e({attr:{...d!==void 0&&{indeterminate:d},ariaChecked:()=>r===`checkbox`&&d?.value?`mixed`:a.value?`true`:`false`,ariaDescribedby:()=>s.value||u.value?i:null,ariaDisabled:()=>o.value?`true`:null,ariaInvalid:()=>s.value?`true`:null,ariaLabelledby:f,ariaRequired:()=>p?.value?`true`:null,checked:a,role:r,size:t,tabindex:()=>o.value?void 0:0},class:()=>({"is-checked":a.value,"is-disabled":o.value,...d!==void 0&&{"is-indeterminate":d.value}}),on:{click:c,keydown:l}})},tr=(e,t,n,r)=>o`
|
|
892
892
|
<div
|
|
893
893
|
class="helper-text"
|
|
894
894
|
part="helper-text"
|
|
@@ -899,7 +899,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
899
899
|
ref=${e=>{r?.(e)}}>
|
|
900
900
|
${()=>t.value||n.value}
|
|
901
901
|
</div>
|
|
902
|
-
`,
|
|
902
|
+
`,nr=e=>o`
|
|
903
903
|
<span
|
|
904
904
|
class="status-icon"
|
|
905
905
|
part="status-icon"
|
|
@@ -911,8 +911,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
911
911
|
<ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
912
912
|
`}
|
|
913
913
|
</span>
|
|
914
|
-
`,
|
|
915
|
-
<span class="${()=>
|
|
914
|
+
`,rr=e=>o`
|
|
915
|
+
<span class="${()=>_t(e.counter?.value)}" aria-live="polite" ?hidden="${()=>!e.counter}">
|
|
916
916
|
${()=>e.counter?.value.counterText.replace(` / `,`/`)??``}
|
|
917
917
|
</span>
|
|
918
918
|
<div
|
|
@@ -926,7 +926,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
926
926
|
<div id="${e.errorId}" class="helper-text" role="alert" part="error" ?hidden="${()=>!e.errorText.value}">
|
|
927
927
|
${()=>e.errorText.value}
|
|
928
928
|
</div>
|
|
929
|
-
`;function
|
|
929
|
+
`;function ir(e,t,n,r){return i=>{if(n.value){i.preventDefault(),i.stopImmediatePropagation();return}let a=e();a&&(t.value===`submit`?(i.preventDefault(),a.requestSubmit()):t.value===`reset`&&(i.preventDefault(),a.reset())),i.composedPath().includes(r)||r.dispatchEvent(new MouseEvent(`click`,{bubbles:!0,cancelable:!0,composed:!0}))}}var ar=`@layer refine.base{:host{--_bg:var(--button-bg,var(--color-contrast-100));--_color:var(--button-color,var(--color-contrast-900));--_border-color:var(--button-border-color,var(--color-contrast-300));--_radius:var(--button-radius,var(--rounded-lg));align-items:center;justify-content:var(--button-justify,center);display:inline-flex}:host([disabled]) a,:host([loading]) a{pointer-events:none;cursor:not-allowed}:host([loading]) a{cursor:wait}[part=button]{box-sizing:border-box;gap:var(--_gap,var(--size-2));align-items:center;justify-content:var(--button-justify,center);width:100%;min-width:0;height:var(--_height,var(--size-10));min-height:var(--_touch-target);padding:var(--_padding,var(--size-2) var(--size-4));font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);line-height:var(--_line-height,var(--leading-normal));color:var(--_color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--_bg);border:var(--button-border,var(--border)) solid var(--_border-color);border-top-width:var(--button-border-top,var(--button-border,var(--border)));border-bottom-width:var(--button-border-bottom,var(--button-border,var(--border)));border-radius:var(--_radius);transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal), transform .12s var(--ease-spring));text-decoration:none;display:flex;position:relative}[part=button]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-width:var(--button-border-start,var(--button-border,var(--border)));border-right-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--button-border-start,var(--button-border,var(--border)));border-left-width:var(--button-border-end,var(--button-border,var(--border)))}[part=button]:focus-visible{outline:none}@keyframes spin{to{transform:rotate(360deg)}}.loader{border:var(--border-2) solid currentcolor;width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;position:absolute}.loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.content{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;align-items:center;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}::slotted([slot=prefix]),::slotted([slot=suffix]){flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{:host([fullwidth]){width:100%;display:flex}:host([fullheight]){height:100%;display:flex}:host([fullheight]) [part=button]{height:100%}:host([rounded][icon-only]) [part=button]{border-radius:50%}:host([loading]) .content{visibility:hidden}[part=button]:focus-visible{box-shadow:var(--_theme-shadow), var(--_theme-halo);outline:none}[part=button]:hover,[part=button]:active{border-color:var(--_hover-border-color,var(--_theme-focus));box-shadow:var(--_theme-shadow), var(--_theme-halo)}:host([variant=ghost]) [part=button]:hover,:host([variant=text]) [part=button]:hover{box-shadow:none;border-color:#0000;transform:none}:host([variant=ghost]) [part=button]:active,:host([variant=text]) [part=button]:active{box-shadow:none;border-color:#0000}[part=button]:active{transform:translateY(1px)}}@layer refine.variants{:host([icon-only]) [part=button]{aspect-ratio:1;padding:0}:host(:not([variant])),:host([variant=solid]){--_bg:var(--button-bg,var(--_theme-base));--_color:var(--button-color,var(--_theme-contrast));--_border-color:var(--button-border-color,var(--_theme-base));--_hover-bg:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=flat]){--_bg:var(--button-bg,color-mix(in oklch, var(--_theme-backdrop) 25%, var(--color-contrast-100)));--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent));--_hover-bg:var(--_theme-focus);--_hover-color:var(--_theme-contrast);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=flat]) [part=button]{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) [part=button]:hover{box-shadow:var(--inset-shadow-xs)}:host([variant=flat]) [part=button]:active{box-shadow:var(--inset-shadow-sm)}:host([variant=bordered]){--_bg:var(--button-bg,var(--_theme-backdrop));--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,var(--_theme-border));--_hover-bg:var(--_theme-focus);--_hover-color:var(--_theme-contrast);--_hover-border-color:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-focus) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=bordered]) [part=button],:host([variant=bordered]) [part=button]:hover{box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) [part=button]:active{box-shadow:var(--inset-shadow-sm)}:host([variant=outline]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,var(--_theme-base));--_hover-bg:var(--_theme-backdrop);--_hover-border-color:var(--_theme-focus);--_active-bg:color-mix(in oklch, var(--_theme-base) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=ghost]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,transparent);--_hover-bg:var(--_theme-backdrop);--_active-bg:color-mix(in oklch, var(--_theme-base) 85%, black);--_active-color:var(--_theme-contrast)}:host([variant=ghost]) [part=button]{border-width:0}:host([variant=text]){--_bg:var(--button-bg,transparent);--_color:var(--button-color,var(--_theme-base));--_border-color:var(--button-border-color,transparent);--_hover-color:var(--_theme-focus);--_active-color:color-mix(in oklch, var(--_theme-focus) 85%, black)}:host([variant=text]) [part=button]{border-width:0}:host([variant=frost]:not([color])){--_hover-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--color-canvas) 70%, transparent));--_hover-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 40%, transparent));--_active-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--color-canvas) 70%, transparent));--_active-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 40%, transparent))}:host([variant=frost][color]){--_hover-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--_theme-backdrop) 50%, var(--_theme-base) 50%));--_hover-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 65%, transparent));--_active-bg:var(--button-frost-active-bg,color-mix(in oklch, var(--_theme-backdrop) 50%, var(--_theme-base) 50%));--_active-border-color:var(--button-frost-active-border-color,color-mix(in oklch, var(--_theme-focus) 65%, transparent))}[part=button]:hover{color:var(--_hover-color,var(--_color));background:var(--_hover-bg,var(--_bg));border-color:var(--_hover-border-color,var(--_border-color))}[part=button]:active{color:var(--_active-color,var(--_color));background:var(--_active-bg,var(--_bg));border-color:var(--_active-border-color,var(--_border-color));box-shadow:var(--inset-shadow-2xs)}}`,or=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],sr=`ore-button`;i(sr,{formAssociated:!0,props:{...be,effect:m.string(),fullheight:m.bool(!1),fullwidth:m.bool(!1),href:m.string(),iconOnly:m.bool(!1),label:m.string(),rel:m.string(),target:m.string(),type:m.oneOf([`button`,`submit`,`reset`],`button`),variant:m.oneOf(or,`solid`)},setup(t){let n=a(),r=s(Zn),i=T(()=>r?.color.value??t.color.value),c=T(()=>r?.size.value??t.size.value),l=T(()=>r?.variant.value??t.variant.value),u=T(()=>!!(t.disabled.value||t.loading.value)),{effectiveRel:d,isLink:f}=Yn(t.href,t.rel,t.target),p=x({disabled:u,toFormValue:()=>null,value:T(()=>``)}),m=e=>{if(u.value){e.preventDefault();return}ir(()=>f.value?null:p.internals.form,t.type,u,n)(e)};e({attr:{"aria-busy":t.loading,"aria-disabled":u,"aria-label":t.label,color:i,effect:t.effect,role:T(()=>n.getAttribute(`role`)??(f.value?`link`:`button`)),size:c,tabindex:T(()=>u.value?`-1`:`0`),variant:l},on:{keydown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),(n.shadowRoot?.querySelector(`[part="button"]`))?.click())}}});let h=o`
|
|
930
930
|
<span class="loader" part="loader" aria-label="Loading" ?hidden=${()=>!t.loading.value}></span>
|
|
931
931
|
<slot name="prefix"></slot>
|
|
932
932
|
<span class="content" part="content"><slot></slot></span>
|
|
@@ -946,7 +946,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
946
946
|
`:o`
|
|
947
947
|
<span part="button" role="presentation" @click="${m}">${h}</span>
|
|
948
948
|
`}
|
|
949
|
-
`},shadow:{delegatesFocus:!1},styles:[K,
|
|
949
|
+
`},shadow:{delegatesFocus:!1},styles:[X,K,q,J,Je,Y({lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,height:`var(--size-12)`,iconSize:`var(--size-6)`,lineHeight:`var(--leading-relaxed)`,padding:`var(--size-2-5) var(--size-5)`},sm:{fontSize:`var(--text-sm)`,gap:`var(--size-1-5)`,height:`var(--size-8)`,iconSize:`var(--size-4)`,lineHeight:`var(--leading-tight)`,padding:`var(--size-1-5) var(--size-3)`}}),Ze(`[part="button"]`),Ie(`[part="button"]`),Le(`[part="button"]`),Ue,ar]});var cr=`@layer refine.base{:host{--_bg:var(--color-canvas);--_radius:var(--rounded-xl);background:var(--_bg);border-radius:var(--_radius);width:100%;min-height:240px;display:block;position:relative;overflow:hidden}.track{gap:var(--marquee-gap,var(--size-4));width:max-content;animation:marquee-scroll var(--_marquee-duration,20s) linear infinite;will-change:transform;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}.track:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.controls{gap:var(--size-0-5);pointer-events:none;align-items:center;display:flex}:host>.controls{padding:var(--size-1-5) var(--size-2);background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-radius:var(--rounded-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:var(--size-3);position:absolute}:host>.controls:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--size-3)}:host>.controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-3)}.nav-btn{pointer-events:auto}:host([direction=right]) .track{animation-direction:reverse}:host([pause-on-hover]:hover) .track{animation-play-state:paused}::slotted(*){flex:none;height:100%;position:relative}::slotted([data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translateX(var(--_marquee-translate,-50%))}}}@media (prefers-reduced-motion:reduce){.track{animation:none}}`,lr=`ore-marquee`;i(lr,{props:{color:m.string(),direction:m.string(`left`),duration:m.number(20),"pause-on-hover":m.bool(!1),"show-controls":m.bool(!0)},setup(e){let t=a(),n=0,r=[],i=[],s=null,c=0,l=null,u=null,d=t=>{if(!u||i.length===0)return;n=(t+i.length)%i.length;let r=i[n];if(!r||c===0)return;let a=e.duration.value??20,o=-(r.offsetLeft/c*a);u.style.setProperty(`animation-delay`,`${o}s`)};return k(e.duration,e=>{t.style.setProperty(`--_marquee-duration`,`${e??20}s`)},{immediate:!0}),p(()=>{u=t.shadowRoot?.querySelector(`.track`)??null;let e=t.shadowRoot?.querySelector(`slot`)??null,a=()=>{r.forEach(e=>e.remove()),r=[]},o=()=>{r.push(...i.map(e=>{let n=e.cloneNode(!0);return n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`data-marquee-clone`,``),n.setAttribute(`inert`,``),t.appendChild(n),n}))},d=()=>{if(!u||i.length===0)return;let e=u;s!==null&&cancelAnimationFrame(s),a(),c=0,e.style.removeProperty(`--_marquee-translate`),o(),s=requestAnimationFrame(()=>{s=null;let n=r[0],a=i[0];if(!n||!a||(c=n.offsetLeft-a.offsetLeft,c<=0))return;let l=Math.max(2,Math.ceil((t.clientWidth+c)/c));for(let e=2;e<l;e+=1)o();e.style.setProperty(`--_marquee-translate`,`-${c}px`)})},f=()=>{let t=(e?.assignedElements()??[]).filter(e=>e instanceof HTMLElement&&!e.hasAttribute(`data-marquee-clone`));(t.length!==i.length||t.some((e,t)=>e!==i[t]))&&(i=t,n=Math.min(n,Math.max(i.length-1,0)),d())};return l=typeof ResizeObserver>`u`?null:new ResizeObserver(d),l?.observe(t),e?.addEventListener(`slotchange`,f),f(),()=>{s!==null&&cancelAnimationFrame(s),l?.disconnect(),e?.removeEventListener(`slotchange`,f),a(),u=null,i=[],c=0}}),o`
|
|
950
950
|
<div class="track" part="track" aria-live="off">
|
|
951
951
|
<slot></slot>
|
|
952
952
|
</div>
|
|
@@ -976,7 +976,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
976
976
|
</ore-button>
|
|
977
977
|
</div>
|
|
978
978
|
`}
|
|
979
|
-
`},styles:[
|
|
979
|
+
`},styles:[cr]});var ur=`@layer refine.base{:host{gap:var(--size-1);align-items:center;display:flex}.pagination{gap:var(--pagination-gap,var(--size-1));align-items:center;margin:0;padding:0;list-style:none;display:flex}li{display:contents}button{all:unset;box-sizing:border-box;min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));min-height:var(--_touch-target);padding:0 var(--size-2);font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--color-contrast-700);cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--border) solid transparent;border-radius:var(--pagination-radius,var(--rounded-lg));transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}:host(:not([variant])) button,:host([variant=ghost]) button{color:var(--color-contrast-700);background:0 0;border-width:0;border-color:#0000}:host(:not([variant])) button:hover:not(:is(:disabled,[aria-current=page])),:host([variant=ghost]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-backdrop)}:host([variant=solid]) button{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=solid]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-focus)}:host([variant=flat]) button{color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-backdrop) 8%, var(--color-contrast-100));border-color:color-mix(in oklch, var(--_theme-focus) 20%, transparent);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-contrast);background:var(--_theme-focus)}:host([variant=bordered]) button{color:var(--_theme-base);background:var(--_theme-backdrop);border-color:var(--_theme-border);box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button{color:var(--_theme-base);border-color:var(--_theme-base);background:0 0}:host([variant=outline]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-backdrop);border-color:var(--_theme-focus)}:host([variant=text]) button{color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host([variant=text]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-focus);background:0 0}:host([variant=frost]) button{color:var(--_theme-content);background:color-mix(in oklch, var(--_theme-backdrop) 45%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 45%, transparent);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%);backdrop-filter:blur(var(--blur-xl)) saturate(200%)}:host([variant=frost]) button:hover:not(:is(:disabled,[aria-current=page])){background:color-mix(in oklch, var(--_theme-backdrop) 65%, transparent);border-color:color-mix(in oklch, var(--_theme-focus) 55%, transparent)}:host([variant=glass]) button{color:var(--_theme-content);background:color-mix(in oklch, var(--color-canvas) 70%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 40%, transparent);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%)}:host([variant=glass]) button:hover:not(:is(:disabled,[aria-current=page])){background:color-mix(in oklch, var(--color-canvas) 55%, transparent);border-color:color-mix(in oklch, var(--_theme-border) 45%, transparent)}button:hover:not(:is(:disabled,[aria-current=page])){background:var(--color-contrast-100)}button:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button[aria-current=page]{font-weight:var(--font-bold);color:var(--_theme-contrast,var(--color-canvas));cursor:default;background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}:host([variant=ghost]) button[aria-current=page],:host(:not([variant])) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=solid]) button[aria-current=page]{background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=flat]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=bordered]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button[aria-current=page]{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=text]) button[aria-current=page]{color:var(--_theme-focus);text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:2px}:host([variant=frost]) button[aria-current=page]{color:var(--_theme-contrast);background:color-mix(in oklch, var(--_theme-base) 70%, transparent);border-color:var(--_theme-base)}:host([variant=glass]) button[aria-current=page]{color:var(--_theme-contrast);background:color-mix(in oklch, var(--color-canvas) 90%, transparent);border-color:var(--_theme-base)}button:disabled{cursor:not-allowed;opacity:.4}.ellipsis{min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));font-size:var(--_font-size,var(--text-sm));color:var(--color-contrast-400);cursor:default;justify-content:center;align-items:center;display:inline-flex}}@layer refine.utilities{:host([size=sm]){--pagination-item-size:var(--size-7);--pagination-gap:var(--size-0_5);--_font-size:var(--text-xs)}:host([size=lg]){--pagination-item-size:var(--size-11);--_font-size:var(--text-base)}}`;function dr(e,t,n){let r=t,i=[];if(r<=2+2*n+3)return Array.from({length:r},(e,t)=>t+1);let a=Math.max(e-n,2),o=Math.min(e+n,r-1);i.push(1),a>3?i.push(`ellipsis-start`):a===3&&i.push(2);for(let e=a;e<=o;e++)i.push(e);return o<r-1-1?i.push(`ellipsis-end`):o===r-1-1&&i.push(r-1),i.push(r),i}var fr=`ore-pagination`;i(fr,{props:{...H,...U,label:m.string(`Pagination`),page:m.number(1),"show-first-last":m.bool(!1),"show-prev-next":m.bool(!1),siblings:m.number(1),"total-pages":m.number(1),variant:m.string()},setup(e){let t=a(),n=b();function r(r){let i=e[`total-pages`].value||1,a=Math.min(Math.max(1,r),i);a!==e.page.value&&(t.setAttribute(`page`,String(a)),n(`change`,{page:a}))}let i=T(()=>dr(e.page.value||1,e[`total-pages`].value||1,e.siblings.value??1)),s=T(()=>(e.page.value||1)<=1),c=T(()=>(e.page.value||1)>=(e[`total-pages`].value||1));return o`
|
|
980
980
|
<nav aria-label="${e.label}" part="nav">
|
|
981
981
|
<ol class="pagination" part="list">
|
|
982
982
|
${()=>e[`show-first-last`].value?o`
|
|
@@ -1051,7 +1051,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1051
1051
|
`:``}
|
|
1052
1052
|
</ol>
|
|
1053
1053
|
</nav>
|
|
1054
|
-
`},styles:[
|
|
1054
|
+
`},styles:[K,X,Y(),ur]});var pr=`@layer refine.base{:host{--_color:var(--separator-color,var(--color-contrast-300));--_size:var(--separator-size,var(--border));--_spacing:var(--separator-spacing,0);display:block}.separator{all:unset;box-sizing:border-box;margin:var(--_spacing) 0;display:block}:host([orientation=horizontal]),:host(:not([orientation=vertical])){width:100%}:host([orientation=horizontal]) .separator,:host(:not([orientation=vertical])) .separator{border-top:var(--_size) solid var(--_color);width:100%}:host([orientation=vertical]){align-self:stretch;display:inline-block}:host([orientation=vertical]) .separator{height:100%}:host([orientation=vertical]) .separator:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:var(--_size) solid var(--_color)}:host([orientation=vertical]) .separator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--_size) solid var(--_color)}:host([color]){--_color:var(--_theme-base)}.separator-wrapper{gap:var(--size-3);align-items:center;display:flex}.separator-wrapper .separator{flex:1}:host([orientation=vertical]) .separator-wrapper{flex-direction:column;align-self:stretch;height:100%}:host([orientation=vertical]) .separator-wrapper .separator{border-top:none;flex:1;width:auto;height:auto}:host([orientation=vertical]) .separator-wrapper .separator:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:var(--_size) solid var(--_color)}:host([orientation=vertical]) .separator-wrapper .separator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--_size) solid var(--_color)}.separator-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--_color);white-space:nowrap}}`,mr=`ore-separator`;i(mr,{props:{color:m.string(),decorative:m.bool(!0),label:m.string(),orientation:m.oneOf([`horizontal`,`vertical`],`horizontal`)},setup(e){let t=()=>e.decorative.value?`none`:`separator`,n=()=>e.decorative.value?`true`:null;return o`
|
|
1055
1055
|
${()=>e.label.value?o`
|
|
1056
1056
|
<div class="separator-wrapper" part="wrapper">
|
|
1057
1057
|
<hr
|
|
@@ -1076,13 +1076,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1076
1076
|
aria-hidden="${n}"
|
|
1077
1077
|
aria-orientation="${()=>e.orientation.value}" />
|
|
1078
1078
|
`}
|
|
1079
|
-
`},styles:[
|
|
1079
|
+
`},styles:[X,pr]});function hr(e){return!(!e.stepperClickable||e.disabled||e.linear&&e.stepperCurrentIndex>=0&&e.index>e.stepperCurrentIndex)}var gr=`@layer refine.base{:host{--step-indicator-size:var(--size-8);--step-font-size:var(--text-sm);--step-gap:var(--size-2);flex:1;min-width:0;display:flex}.step{box-sizing:border-box;align-items:center;width:100%;list-style:none;display:flex;position:relative}.connector{top:calc(var(--size-1) + var(--step-indicator-size) / 2);width:calc(50% - var(--step-indicator-size) / 2);height:var(--stepper-connector-size,2px);background:var(--stepper-connector-color,var(--color-contrast-200));border-radius:var(--rounded-full);transition:background var(--transition-fast);position:absolute;transform:translateY(-50%)}.connector-leading{left:0}.connector-trailing{right:0}:host(:first-of-type) .connector-leading,:host(:last-of-type) .connector-trailing{display:none}.control{all:unset;box-sizing:border-box;gap:var(--step-gap);width:100%;min-width:0;padding:var(--size-1);cursor:default;border-radius:var(--rounded-lg);flex-direction:column;flex:auto;align-items:center;font-family:inherit;display:flex;position:relative}button.control{min-height:var(--_touch-target,auto);cursor:pointer;transition:background var(--transition-fast)}button.control:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button.control[aria-disabled=true]{cursor:not-allowed;opacity:.5}.indicator{box-sizing:border-box;width:var(--step-indicator-size);height:var(--step-indicator-size);font-size:var(--step-font-size);font-weight:var(--font-semibold);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border-2) solid var(--color-contrast-200);border-radius:var(--rounded-full);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);flex:none;justify-content:center;align-items:center;display:flex}.icon-slot[hidden]{display:none}.number{line-height:1}.content{text-align:center;flex-direction:column;flex:auto;align-items:center;min-width:0;display:flex}.label{gap:var(--size-1);min-width:0;font-size:var(--step-font-size);font-weight:var(--font-medium);color:var(--color-contrast-700);justify-content:center;align-items:baseline;display:flex}.label-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.optional-hint{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-contrast-400);flex:none}.description{font-size:var(--text-xs);color:var(--color-contrast-500)}.description[hidden]{display:none}.sr-only{white-space:nowrap;clip-path:inset(50%);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer refine.states{:host([current]) .indicator{color:var(--_theme-contrast,var(--color-canvas));background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}:host([current]) .label{font-weight:var(--font-semibold);color:var(--color-contrast-900)}:host([completed]) .indicator{color:var(--_theme-contrast,var(--color-canvas));background:var(--_theme-focus,var(--color-contrast-600));border-color:var(--_theme-focus,var(--color-contrast-600))}:host([completed]) .connector,:host([current]) .connector-leading{background:var(--_theme-focus,var(--color-contrast-400))}:host([error]) .indicator{color:var(--color-canvas);background:var(--color-error);border-color:var(--color-error)}:host([error]) .label{color:var(--color-error)}:host([disabled]) .label,:host([disabled]) .description{color:var(--color-contrast-400)}:host([disabled]) .indicator{opacity:.6}}@layer refine.sizes{:host([size=sm]){--step-indicator-size:var(--size-6);--step-font-size:var(--text-xs);--step-gap:var(--size-1-5)}:host(:not([size])),:host([size=md]){--step-indicator-size:var(--size-8);--step-font-size:var(--text-sm);--step-gap:var(--size-2)}:host([size=lg]){--step-indicator-size:var(--size-10);--step-font-size:var(--text-base);--step-gap:var(--size-2-5)}@media (pointer:coarse){:host(:not([size])),:host([size=sm]),:host([size=md]){--step-indicator-size:var(--size-9);--step-font-size:var(--text-sm)}}}@layer refine.orientation{:host([orientation=vertical]){flex:none;width:100%}:host([orientation=vertical]) .step{padding-top:var(--stepper-gap,var(--size-4));align-items:flex-start}:host([orientation=vertical]:first-of-type) .step{padding-top:0}:host([orientation=vertical]) .control{flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .content{text-align:left;align-items:flex-start}:host([orientation=vertical]) .label{justify-content:flex-start}:host([orientation=vertical]) .connector-leading{top:0;left:calc(var(--size-1) + var(--step-indicator-size) / 2);width:var(--stepper-connector-size,2px);height:calc(var(--stepper-gap,var(--size-4)) + var(--size-1));transform:translate(-50%)}:host([orientation=vertical]) .connector-trailing{inset:calc(var(--stepper-gap,var(--size-4)) + var(--size-1) + var(--step-indicator-size)) auto 0 calc(var(--size-1) + var(--step-indicator-size) / 2);width:var(--stepper-connector-size,2px);height:auto;transform:translate(-50%)}:host([orientation=vertical]:first-of-type) .connector-trailing{top:calc(var(--size-1) + var(--step-indicator-size))}}@media (forced-colors:active){.indicator{border:1px solid buttontext}:host([current]) .indicator,:host([completed]) .indicator{border:1px solid highlight}}`,_r=`@layer refine.base{:host,nav{width:100%;display:block}.steps{align-items:flex-start;gap:0;width:100%;margin:0;padding:0;list-style:none;display:flex}.stepper-message{margin-top:var(--size-3);display:block}}@layer refine.orientation{:host([orientation=vertical]) .steps{flex-direction:column;align-items:stretch}}`,vr=t(`StepperContext`),yr=`ore-stepper`;i(yr,{props:{...H,...U,...W,clickable:m.bool(!1),label:m.string(`Progress`),linear:m.bool(!1),orientation:m.oneOf([`horizontal`,`vertical`],`horizontal`),value:m.string()},setup(t){let n=a(),r=b(),i=S(),s=()=>Array.from(n.querySelectorAll(`:scope > ore-step`)),c=e=>{e?.shadowRoot?.querySelector(`button.control`)?.focus()},l=D(t.value.value);e({attr:{value:()=>l.value??null}});let d=(e,t=!1)=>{!e||e===l.value||(l.value=e,t&&r(`change`,{value:e}))},f=()=>{let e=s();if(e.length===0)return;let t=l.value;if(t&&e.some(e=>e.getAttribute(`value`)===t))return;let n=e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0;n&&d(n)};k(t.value,e=>{l.value=e,f()});let m=T(()=>(i.elements().value,s().map(e=>e.getAttribute(`value`)??``)));h(vr,{clickable:T(()=>!!t.clickable.value&&!t.disabled.value),color:t.color,currentValue:l,linear:T(()=>!!t.linear.value),orientation:T(()=>t.orientation.value??`horizontal`),size:t.size,stepValues:m}),p(()=>{f()});let g=()=>{let e=s(),n=e.map(e=>e.getAttribute(`value`)??``).indexOf(l.value??``),r=!!t.clickable.value&&!t.disabled.value,i=!!t.linear.value;return e.filter((e,t)=>hr({disabled:e.hasAttribute(`disabled`),index:t,linear:i,stepperClickable:r,stepperCurrentIndex:n}))},_=un({direction:()=>nn(n),getItems:g,loop:!1,onNavigate:(e,t)=>{let n=g()[t],r=n?.getAttribute(`value`);r&&d(r,!0),c(n)},orientation:()=>t.orientation.value===`vertical`?`vertical`:`horizontal`,signal:Z(u)}),v=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-step`);if(!t||t.closest(`ore-stepper`)!==n||!g().includes(t))return;let r=t.getAttribute(`value`);d(r??void 0,!0),c(t)},y=Ct({onPress:()=>{let e=g().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement),t=e?.getAttribute(`value`);t&&(d(t,!0),c(e))}});return e({on:{click:v,keydown:e=>{let t=g();if(t.length===0)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-step`),r=n?t.indexOf(n):-1;r>=0&&_.set(r),!_.handleKeydown(e)&&y.handleKeydown(e)}}}),o`
|
|
1080
1080
|
<nav part="nav" aria-label="${t.label}">
|
|
1081
1081
|
<ol class="steps" role="list" part="list">
|
|
1082
1082
|
<slot></slot>
|
|
1083
1083
|
</ol>
|
|
1084
1084
|
</nav>
|
|
1085
|
-
`},styles:[
|
|
1085
|
+
`},styles:[_r]});var br=`ore-step`;i(br,{props:{...W,color:m.string(),error:m.bool(!1),optional:m.bool(!1),orientation:m.oneOf([`horizontal`,`vertical`],`horizontal`),size:m.string(),value:m.string(``)},setup(t){let n=a(),r=S(),i=s(vr),c=()=>i?i.stepValues.value.indexOf(t.value.value):-1,l=()=>i?.stepValues.value.length??0,u=()=>i?i.stepValues.value.indexOf(i.currentValue.value??``):-1,d=()=>{let e=c();return e>=0?e+1:1},f=()=>l()||1,p=()=>{let e=c(),t=u();return e>=0&&e===t},m=()=>{let e=c(),t=u();return e>=0&&t>=0&&e<t},h=()=>{let e=c(),n=u();return!!i&&hr({disabled:t.disabled.value===!0,index:e,linear:i.linear.value,stepperClickable:i.clickable.value,stepperCurrentIndex:n})},g=()=>!!t.disabled.value;e({attr:{completed:()=>m()?!0:void 0,current:()=>p()?!0:void 0,index:()=>{let e=c();return e>=0?String(e+1):void 0},navigable:()=>h()?!0:void 0,total:()=>i?String(l()):void 0}}),i&&C(()=>{let e=i.color.value,t=i.size.value,r=i.orientation.value;e!==void 0&&n.setAttribute(`color`,e),t!==void 0&&n.setAttribute(`size`,t),n.setAttribute(`orientation`,r)});let _=()=>{if(t.error.value)return`error`;if(m())return`completed`;if(p())return`current step`},v=()=>`Step ${d()} of ${f()}`,y=()=>{let e=_();return e?`${v()}, ${e}`:v()},b=e=>{if(e.stopPropagation(),!h()){e.preventDefault();return}n.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,detail:{value:t.value.value}}))},x=()=>o`
|
|
1086
1086
|
<span class="indicator" part="indicator" aria-hidden="true">
|
|
1087
1087
|
<span class="icon-slot" ?hidden="${()=>!r.has(`icon`).value}"><slot name="icon"></slot></span>
|
|
1088
1088
|
${()=>r.has(`icon`).value?``:t.error.value?o`
|
|
@@ -1127,28 +1127,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1127
1127
|
</div>
|
|
1128
1128
|
`}
|
|
1129
1129
|
</li>
|
|
1130
|
-
`},styles:[K,
|
|
1130
|
+
`},styles:[X,K,Ye(`button.control`),gr]});var xr=`@layer refine.base{:host{box-shadow:var(--table-shadow,none);border:none;border-radius:0}caption{padding:var(--size-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_header-bg)}caption:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}caption:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}thead,tfoot{background:var(--_header-bg)}thead{border-bottom:var(--border) solid var(--_border-color)}tfoot{border-top:var(--border) solid var(--_border-color)}tbody tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}tbody tr:hover{background:var(--_row-hover-bg)}th,td{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--_font-size);vertical-align:middle;color:var(--color-contrast-800);font-weight:400}th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))),td:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}thead th,thead td,tfoot th,tfoot td{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none}}@layer refine.variants{:host([bordered]) th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_border-color)}:host([bordered]) th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) td:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_border-color)}:host([bordered]) td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([bordered]) th:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:none}:host([bordered]) th:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([bordered]) td:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:none}:host([bordered]) td:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([striped]) tbody tr:nth-child(2n){background:var(--_stripe-bg)}:host([sticky]) thead{z-index:2;background:var(--table-sticky-header-bg,color-mix(in oklch, var(--_header-bg) 94%, transparent));box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);-webkit-backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);position:sticky;top:0}}`;customElements.get(`ore-tr`)||customElements.define(`ore-tr`,class extends HTMLElement{}),customElements.get(`ore-th`)||customElements.define(`ore-th`,class extends HTMLElement{}),customElements.get(`ore-td`)||customElements.define(`ore-td`,class extends HTMLElement{});var Sr=[`colspan`,`rowspan`,`headers`,`abbr`];function Cr(e,t,n){if(e.childElementCount>0){let n=e.innerHTML;if(t.getAttribute(`data-src-html`)===n)return;t.setAttribute(`data-src-html`,n),t.textContent=``;for(let n of e.childNodes)t.appendChild(n.cloneNode(!0))}else{let n=e.textContent??``;t.textContent!==n&&(t.textContent=n)}for(let n of Sr){let r=e.getAttribute(n);r===null?t.removeAttribute(n):t.setAttribute(n,r)}let r=e.getAttribute(`scope`);r===null?n?t.scope=n:t.removeAttribute(`scope`):t.setAttribute(`scope`,r)}function wr(e,t,n,r){let i=new WeakMap;t.textContent=``,n.textContent=``,r.textContent=``;for(let a of e.children){if(a.localName!==`ore-tr`)continue;let e=a.hasAttribute(`head`)?t:a.hasAttribute(`foot`)?r:n,o=document.createElement(`tr`);for(let r of a.children){if(r.localName!==`ore-th`&&r.localName!==`ore-td`)continue;let a=r.localName===`ore-th`,s=document.createElement(a?`th`:`td`),c=a?e===t?`col`:`row`:void 0;s.setAttribute(`part`,e===n?`cell`:`header-cell`),s.removeAttribute(`data-src-html`),Cr(r,s,c),i.set(r,{inferredScope:c,native:s}),o.appendChild(s)}e.appendChild(o)}return i}var Tr=`ore-table`;i(Tr,{props:{bordered:m.bool(!1),caption:m.string(),density:m.string(),fullwidth:m.bool(!1),loading:m.bool(!1),sticky:m.bool(!1),striped:m.bool(!1)},setup(t){let n=a(),r=C;return e({attr:{"aria-busy":t.loading,"aria-label":t.caption}}),p(()=>{let e=n.shadowRoot?.querySelector(`.scroll-container`),i=document.createElement(`table`),a=document.createElement(`caption`),o=document.createElement(`thead`),s=document.createElement(`tbody`),c=document.createElement(`tfoot`);e.setAttribute(`part`,`scroll`),i.setAttribute(`part`,`table`),o.setAttribute(`part`,`head`),s.setAttribute(`part`,`body`),c.setAttribute(`part`,`foot`),i.append(a,o,s,c),e.appendChild(i),r(()=>{let e=t.caption.value??``;a.textContent=e,a.hidden=e===``});let l=wr(n,o,s,c),u=new MutationObserver(e=>{for(let t of e){let e=(t.target instanceof Element?t.target:t.target.parentElement)?.closest(`ore-th, ore-td`);if(e){let t=l.get(e);t&&Cr(e,t.native,t.inferredScope)}}});u.observe(n,{attributeFilter:[...Sr,`scope`],attributes:!0,characterData:!0,childList:!0,subtree:!0});let d=new MutationObserver(()=>{l=wr(n,o,s,c)});return d.observe(n,{childList:!0}),()=>{d.disconnect(),u.disconnect()}}),o`
|
|
1131
1131
|
<div class="scroll-container"></div>
|
|
1132
|
-
`},styles:[
|
|
1132
|
+
`},styles:[q,We(`table`),xr]});var Er=`:host{--_size:var(--text-size,var(--text-base));--_weight:var(--text-weight,var(--font-normal));--_color:var(--text-color,var(--text-color-body));--_line-height:var(--text-line-height,var(--leading-normal));--_letter-spacing:var(--text-letter-spacing,normal);font-size:var(--_size);font-weight:var(--_weight);line-height:var(--_line-height);color:var(--_color);letter-spacing:var(--_letter-spacing);display:block}:host([hidden]){display:none}:host([lines]){-webkit-line-clamp:var(--_lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:is([as=span],[as=label],[as=code]):not([align],[truncate])){display:inline}:host([variant=heading]){--_size:var(--text-size,var(--heading-md));--_weight:var(--text-weight,var(--font-semibold));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-tight));--_letter-spacing:var(--text-letter-spacing,var(--tracking-header))}:host([variant=label]){--_size:var(--text-size,var(--text-sm));--_weight:var(--text-weight,var(--font-medium));--_color:var(--text-color,var(--text-color-heading));--_line-height:var(--text-line-height,var(--leading-snug))}:host([variant=caption]){--_size:var(--text-size,var(--text-sm));--_color:var(--text-color,var(--text-color-secondary))}:host([variant=overline]){--_size:var(--text-size,var(--text-xs));--_weight:var(--text-weight,var(--font-semibold));--_line-height:var(--text-line-height,var(--leading-none));--_letter-spacing:var(--text-letter-spacing,.08em);text-transform:uppercase}:host([variant=code]){--_size:var(--text-size,var(--text-sm));font-family:var(--font-mono,monospace)}:host([size="2xs"]){--_size:var(--text-size,var(--text-2xs))}:host([size=xs]){--_size:var(--text-size,var(--text-xs))}:host([size=sm]){--_size:var(--text-size,var(--text-sm))}:host([size=md]){--_size:var(--text-size,var(--text-base))}:host([size=lg]){--_size:var(--text-size,var(--text-lg))}:host([size=xl]){--_size:var(--text-size,var(--text-xl))}:host([size="2xl"]){--_size:var(--text-size,var(--text-2xl))}:host([variant=heading][size=xs]){--_size:var(--text-size,var(--heading-xs))}:host([variant=heading][size=sm]){--_size:var(--text-size,var(--heading-sm))}:host([variant=heading][size=md]){--_size:var(--text-size,var(--heading-md))}:host([variant=heading][size=lg]){--_size:var(--text-size,var(--heading-lg))}:host([variant=heading][size=xl]){--_size:var(--text-size,var(--heading-xl))}:host([variant=heading][size="2xl"]){--_size:var(--text-size,var(--heading-2xl))}:host([weight=normal]){--_weight:var(--text-weight,var(--font-normal))}:host([weight=medium]){--_weight:var(--text-weight,var(--font-medium))}:host([weight=semibold]){--_weight:var(--text-weight,var(--font-semibold))}:host([weight=bold]){--_weight:var(--text-weight,var(--font-bold))}:host([color=primary]){--_color:var(--text-color,var(--color-primary))}:host([color=secondary]){--_color:var(--text-color,var(--color-secondary))}:host([color=info]){--_color:var(--text-color,var(--color-info))}:host([color=success]){--_color:var(--text-color,var(--color-success))}:host([color=warning]){--_color:var(--text-color,var(--color-warning))}:host([color=error]){--_color:var(--text-color,var(--color-error))}:host([color=heading]){--_color:var(--text-color,var(--text-color-heading))}:host([color=body]){--_color:var(--text-color,var(--text-color-body))}:host([color=muted]){--_color:var(--text-color,var(--text-color-secondary))}:host([color=tertiary]){--_color:var(--text-color,var(--text-color-tertiary))}:host([color=disabled]){--_color:var(--text-color,var(--text-color-disabled))}:host([color=contrast]){--_color:var(--text-color,var(--text-color-contrast))}@layer refine.utilities{:host([align]){display:block}:host([align=left]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}:host([align=left]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}:host([align=center]){text-align:center}:host([align=right]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}:host([align=right]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}:host([align=justify]){text-align:justify}:host([truncate]){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}:host([italic]){font-style:italic}:host([as=p]),:host([as=div]),:host(:is([as=h1],[as=h2],[as=h3],[as=h4],[as=h5],[as=h6])){display:block}}`,Dr=`ore-text`;i(Dr,{props:{align:m.string(),as:m.string(),color:m.string(),italic:m.bool(),lines:m.number(),size:m.string(),truncate:m.bool(),variant:m.string(),weight:m.string()},setup(t){return e({attr:{"aria-level":()=>{let e=/^h([1-6])$/.exec(t.as.value??``);return e?e[1]:null},role:()=>/^h([1-6])$/.test(t.as.value??``)?`heading`:null},style:{"--_lines":()=>t.lines.value==null?null:String(t.lines.value)}}),o`
|
|
1133
1133
|
<slot></slot>
|
|
1134
|
-
`},styles:[
|
|
1134
|
+
`},styles:[Er]});var Or=V({AVATAR_GROUP_TAG:()=>nt,AVATAR_TAG:()=>et,BREADCRUMB_ITEM_TAG:()=>at,BREADCRUMB_TAG:()=>ot,CARD_TAG:()=>bn,CAROUSEL_SLIDE_TAG:()=>Tn,CAROUSEL_TAG:()=>En,CHAT_MESSAGE_TAG:()=>Mn,CODE_WINDOW_TAG:()=>Pn,COPY_COMMAND_TAG:()=>In,ICON_TAG:()=>ve,LIST_CTX:()=>Rn,LIST_ITEM_TAG:()=>Kn,LIST_TAG:()=>zn,MARQUEE_TAG:()=>lr,PAGINATION_TAG:()=>fr,SEPARATOR_TAG:()=>mr,STEPPER_CTX:()=>vr,STEPPER_TAG:()=>yr,STEP_TAG:()=>br,TABLE_TAG:()=>Tr,TEXT_TAG:()=>Dr,registerIcons:()=>pe}),kr=`@layer refine.base{:host{--_bg:var(--accordion-bg);--_border-color:var(--accordion-border-color);gap:var(--size-2);background:var(--_bg);flex-direction:column;width:100%;display:flex}::slotted(ore-accordion-item){width:100%}}@layer refine.variants{:host([variant=bordered]){gap:var(--size-2)}:host([variant=text]){gap:0}:host([variant=text]) ::slotted(ore-accordion-item:not(:last-child)){border-bottom:1px solid var(--accordion-divider-color,var(--color-contrast-200))}:host([variant=solid]),:host([variant=flat]),:host([variant=glass]),:host([variant=frost]){padding:var(--size-2);border-radius:var(--rounded-lg);gap:0}:host([variant=solid]){--_bg:var(--accordion-bg,var(--color-contrast-50));--_border-color:var(--accordion-border-color,var(--color-contrast-200));border:var(--border) solid var(--_border-color);box-shadow:var(--accordion-shadow,var(--shadow-xs))}:host([variant=flat]){--_bg:var(--accordion-bg,var(--color-contrast-100));--_border-color:var(--accordion-border-color,var(--color-contrast-200));border:var(--border) solid var(--_border-color);box-shadow:var(--accordion-shadow,var(--inset-shadow-xs))}:host([variant=glass]),:host([variant=frost]){box-shadow:var(--accordion-shadow,var(--shadow-md), var(--inset-shadow-xs));-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]){--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%))}:host([variant=frost]){--_bg:var(--accordion-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent))}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item){border-radius:0}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:first-child){border-radius:var(--rounded-lg) var(--rounded-lg) 0 0}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:last-child){border-radius:0 0 var(--rounded-lg) var(--rounded-lg)}:host(:is([variant=glass],[variant=frost])) ::slotted(ore-accordion-item:only-child){border-radius:var(--rounded-lg)}}`,Ar=t(`AccordionContext`),jr=`ore-accordion`;i(jr,{props:{selectionMode:m.string(),size:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=e=>{t.selectionMode.value===`single`&&(n.querySelectorAll(`:scope > ore-accordion-item[expanded]`).forEach(t=>{t!==e&&t.hasAttribute(`expanded`)&&t.removeAttribute(`expanded`)}),r(`change`,{expandedItem:e}))},s=()=>[...n.querySelectorAll(`:scope > ore-accordion-item:not([disabled])`)],c=()=>s().map(e=>e.shadowRoot?.querySelector(`summary`)).filter(Boolean),l=un({getItems:()=>s(),loop:!0,onNavigate:(e,t)=>{c()[t]?.focus()},signal:Z(u)});return h(Ar,{selectionMode:T(()=>t.selectionMode.value),size:t.size,variant:t.variant}),e({on:{expand:e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement),r=e.detail?.item??t;r?.localName===`ore-accordion-item`&&r.closest(`ore-accordion`)===n&&i(r)},keydown:e=>{let t=c();if(!t.length)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`summary`),r=n?t.indexOf(n):-1;r!==-1&&(l.set(r),l.handleKeydown(e))}}}),o`
|
|
1135
1135
|
<slot></slot>
|
|
1136
|
-
`},styles:[qr]});var Xr=`@layer refine.base{:host{--tabs-transition:var(--transition-normal);--tabs-radius:var(--rounded-lg);flex-direction:column;width:100%;height:100%;display:flex}.tablist-wrapper{flex-shrink:0;position:relative}[role=tablist]{gap:var(--tabs-tab-gap,var(--size-1));scrollbar-width:none;align-items:stretch;display:flex;position:relative;overflow-x:auto}[role=tablist]::-webkit-scrollbar{display:none}.indicator{pointer-events:none;background:var(--tabs-indicator-color,var(--_theme-base));border-radius:var(--rounded-full);height:2px;transition:transform var(--tabs-transition);position:absolute;bottom:0;left:0}.panels{flex-direction:column;flex:1;min-height:0;display:flex}}@layer refine.orientation{:host([orientation=vertical]){flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .tablist-wrapper{flex-shrink:0;display:flex}:host([orientation=vertical]) [role=tablist]{width:max-content;overflow-x:unset;flex-direction:column;overflow-y:auto}:host([orientation=vertical]) .indicator{top:0;bottom:unset;width:2px;height:unset;transition:transform var(--tabs-transition)}:host([orientation=vertical]) .indicator:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([orientation=vertical]) .indicator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}}@layer refine.variants{:host,:host([variant=solid]){--tabs-tab-gap:var(--size-1);--_tablist-bg:var(--tabs-tablist-bg,var(--color-contrast-100));--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host [role=tablist],:host([variant=solid]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius)}:host .indicator,:host([variant=solid]) .indicator{display:none}:host([variant=flat]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200));background:var(--tabs-bg,var(--color-contrast-100));border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs);overflow:hidden}:host([variant=flat]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:none;border-bottom:var(--border) solid var(--_tablist-border-color);background:0 0;border-radius:0}:host([variant=flat]) .indicator{display:none}:host([variant=bordered]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host([variant=bordered]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) var(--tabs-radius) 0 0;background:0 0;border-bottom:none}:host([variant=bordered]) .indicator{display:none}:host([variant=bordered]) .panels{border:var(--border) solid var(--_tablist-border-color);border-radius:0 0 var(--tabs-radius) var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) [role=tablist]{border-right:none;border-bottom:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) 0 0 var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) .panels{border-radius:0 var(--tabs-radius) var(--tabs-radius) 0}:host([variant=ghost]) [role=tablist]{gap:var(--size-1);background:0 0;border:none;border-radius:0;padding:0}:host([variant=ghost]) .indicator{display:none}:host([variant=glass]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-secondary) 20%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent))}:host([variant=glass]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]) .indicator{display:none}:host([variant=frost]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-contrast-300) 50%, transparent))}:host([variant=frost]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=frost]) .indicator{display:none}}`,Zr=t(`TabsContext`),Qr=`ore-tabs`;i(Qr,{props:{...Y,...X,activation:m.oneOf([`auto`,`manual`],`auto`),label:m.string(),orientation:m.oneOf([`horizontal`,`vertical`],`horizontal`),value:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=n.shadowRoot,s=g(),c=g(),l=D(t.value.value),d=()=>t.activation.value===`manual`,f=()=>t.orientation.value===`vertical`;e({attr:{value:()=>l.value??null}});let m=()=>[...n.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],_=()=>m().filter(e=>!e.hasAttribute(`disabled`)),v=e=>{e&&(e.shadowRoot?.querySelector(`[role="tab"]`)??e).focus()},y=(e,t=!1)=>{l.value=e,t&&e&&r(`change`,{value:e})},x=()=>{let e=m();if(e.length===0)return;let t=l.value;if(t&&e.some(e=>e.getAttribute(`value`)===t&&!e.hasAttribute(`disabled`)))return;let n=e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0;y(n,!1)};J(t.value,e=>{l.value=e,x()});let S=Dn({direction:()=>vn(n),getItems:()=>_(),loop:!0,onNavigate:(e,t)=>{let n=_()[t];if(v(n),!d()){let e=n?.getAttribute(`value`);e&&y(e,!0)}},orientation:()=>f()?`vertical`:`both`,signal:Q(u)});h(Zr,{color:t.color,orientation:T(()=>t.orientation.value??`horizontal`),size:t.size,value:l,variant:t.variant});let C=e=>{let t=c.value,n=s.value;if(!t||!n||!e)return;let r=e.getBoundingClientRect(),i=n.getBoundingClientRect();if(f()){let e=r.top-i.top+n.scrollTop;t.style.transition=`none`,t.style.height=`${r.height}px`,t.style.width=``,t.style.left=`0`,t.style.top=`0`,t.offsetWidth,t.style.transition=``,t.style.transform=`translateY(${e}px)`}else{let e=r.left-i.left+n.scrollLeft;t.style.transition=`none`,t.style.width=`${r.width}px`,t.style.height=``,t.style.top=``,t.style.left=`0`,t.offsetWidth,t.style.transition=``,t.style.transform=`translateX(${e}px)`}},w=()=>{let e=l.value;if(!e)return;let t=m().find(t=>t.getAttribute(`value`)===e);C(t)};J(l,()=>{requestAnimationFrame(w)});let E=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`);if(!t||t.hasAttribute(`disabled`)||t.closest(`ore-tabs`)!==n)return;let r=t.getAttribute(`value`);!r||r===l.value||y(r,!0)},O=Vt({disabled:T(()=>!d()),onPress:()=>{let e=_().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==l.value&&y(e,!0)}});return e({on:{click:E,keydown:e=>{let t=_();if(t.length===0)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`)??t.find(e=>e.getAttribute(`value`)===l.value),r=n?t.indexOf(n):-1;r>=0&&S.set(r),!S.handleKeydown(e)&&O.handleKeydown(e)}}}),p(()=>{let e=()=>{x(),w()},t=i?.querySelector(`slot[name="tabs"]`);return t&&t.addEventListener(`slotchange`,e),e(),requestAnimationFrame(e),()=>{t&&t.removeEventListener(`slotchange`,e)}}),o`
|
|
1137
|
-
<div class="tablist-wrapper">
|
|
1138
|
-
<div
|
|
1139
|
-
role="tablist"
|
|
1140
|
-
ref="${s}"
|
|
1141
|
-
part="tablist"
|
|
1142
|
-
aria-orientation="${t.orientation}"
|
|
1143
|
-
aria-label="${t.label}">
|
|
1144
|
-
<slot name="tabs"></slot>
|
|
1145
|
-
</div>
|
|
1146
|
-
<div class="indicator" ref="${c}" part="indicator"></div>
|
|
1147
|
-
</div>
|
|
1148
|
-
<div class="panels" part="panels">
|
|
1149
|
-
<slot></slot>
|
|
1150
|
-
</div>
|
|
1151
|
-
`},styles:[K,Xr]});var $r=`@layer refine.base{:host{color:var(--accordion-item-body-color,var(--text-color-body));--accordion-details-radius:var(--rounded-lg);--accordion-item-transition:var(--transition-normal);--accordion-item-expand-easing:var(--ease-spring);display:block}details{border-radius:var(--accordion-item-radius);width:100%;overflow:hidden}summary{gap:var(--size-4);min-height:var(--_touch-target);padding:var(--accordion-item-details-padding,var(--size-3) var(--size-4));font-size:var(--accordion-item-title);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accordion-item-bg);border:var(--border) solid var(--accordion-item-border-color);border-radius:var(--accordion-details-radius);transition:background var(--accordion-item-transition), border-color var(--accordion-item-transition), color var(--accordion-item-transition);outline:none;align-items:center;list-style:none;display:flex;position:relative}summary::-webkit-details-marker{display:none}summary:focus{outline:none}summary:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);box-shadow:0 0 0 3px color-mix(in oklch, currentcolor 20%, transparent)}.header-content{flex-direction:column;flex:1;min-width:0;display:flex}.subtitle{font-size:var(--accordion-item-subtitle-size);line-height:var(--leading-normal);color:var(--accordion-item-subtitle-color,var(--text-color-secondary))}.title{text-overflow:ellipsis;font-weight:var(--font-medium);color:var(--accordion-item-title-color,var(--text-color-heading));white-space:nowrap;overflow:hidden}.content-wrapper{font-size:var(--accordion-item-body);background:var(--accordion-item-bg);border-inline:1px solid var(--accordion-item-border-color);border-bottom:1px solid var(--accordion-item-border-color);border-radius:var(--accordion-summary-radius);transition:grid-template-rows .2s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:0fr;display:grid}details[open] .content-wrapper{grid-template-rows:1fr}.content-inner{padding:var(--accordion-item-summary-padding,var(--size-2) var(--size-4));opacity:1;transition:opacity .2s 60ms var(--ease-spring), transform .2s 60ms var(--ease-spring);overflow:hidden;transform:translateY(0)}details.opening .content-inner{opacity:0;transition:none;transform:translateY(-6px)}details.closing .content-inner{opacity:0;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring);transform:translateY(-4px)}details.closing .content-wrapper{transition:grid-template-rows .2s .12s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:1fr}}@layer refine.variants{:host,:host([variant=solid]){--accordion-item-bg:var(--color-contrast-50);--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=flat]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=bordered]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-200);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs)}:host([variant=outline]){--accordion-item-bg:transparent;--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-300)}:host([variant=ghost]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=text]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:transparent}:host summary:hover{background:var(--accordion-item-hover-bg)}:host([variant=glass]) details,:host([variant=frost]) details{border-radius:inherit}:host([variant=glass]) summary,:host([variant=frost]) summary{border-radius:inherit;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=glass]) .content-wrapper,:host([variant=frost]) .content-wrapper{-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%);border-radius:0}:host([variant=glass]){--accordion-item-bg:color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--accordion-item-title-color:color-mix(in oklch, var(--color-secondary-contrast) 100%, transparent);--accordion-item-subtitle-color:color-mix(in oklch, var(--color-secondary-contrast) 60%, transparent);--accordion-item-body-color:color-mix(in oklch, var(--color-secondary-contrast) 80%, transparent)}:host([variant=glass]) summary{text-shadow:var(--text-shadow-xs)}:host([variant=glass]) .content-wrapper{filter:brightness(1.05)}:host([variant=frost]){--accordion-item-bg:color-mix(in oklch, var(--color-canvas) 55%, transparent);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-canvas) 20%, transparent)}:host([variant=frost]) summary{text-shadow:var(--text-shadow-2xs)}:host([size=sm]){--accordion-item-details-padding:var(--size-2) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-sm);--accordion-item-subtitle-size:var(--text-xs);--accordion-item-body:var(--text-xs)}:host(:not([size])),:host([size=md]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}:host([size=lg]){--accordion-item-details-padding:var(--size-4) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}@media (pointer:coarse){:host,:host([size=md]){--accordion-item-details-padding:var(--size-4) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}:host([size=sm]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}}:host([disabled]){pointer-events:none;opacity:.6}.chevron{width:var(--_size,var(--size-5));height:var(--_size,var(--size-5));--ore-icon-size:var(--_size,var(--size-5));transition:transform .2s var(--ease-spring);transform:rotate(-90deg)}.chevron:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}details[open] .chevron{transform:rotate(0)}details.rtl .chevron{transform:rotate(90deg)}details.rtl[open] .chevron{transform:rotate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .chevron{transform:rotate(90deg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) details[open] .chevron{transform:rotate(0)}:host([expanded]){--accordion-details-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--accordion-summary-radius:0 0 var(--rounded-lg) var(--rounded-lg)}@media (forced-colors:active){summary{border-color:buttontext}}}`,ei=`ore-accordion-item`;i(ei,{props:{...Z,expanded:m.bool(!1),size:m.string(),variant:m.string()},setup(e){let t=a(),n=b(),r=C,i=s(Jr);i&&r(()=>{let e=i.size.value,n=i.variant.value;e!==void 0&&t.setAttribute(`size`,e),n!==void 0&&t.setAttribute(`variant`,n)});let c=`accordion-item-title`,l=g(),u=g(),d=!1,f=()=>{let e=l.value;!e||e.open||(e.classList.add(`opening`),e.open=!0,t.toggleAttribute(`expanded`,!0),n(`expand`,{expanded:!0,item:t}),requestAnimationFrame(()=>{let t=e.querySelector(`.content-inner`);if(!t){e.classList.remove(`opening`),d=!1;return}let n=()=>{e.classList.remove(`opening`),d=!1},r=t.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];r.length>0?Promise.allSettled(r.map(e=>e.finished)).then(n):n()}))},m=()=>{let e=l.value;if(!e||!e.open||d)return;d=!0,e.classList.add(`closing`);let r=e.querySelector(`.content-inner`),i=()=>{e.classList.remove(`closing`),e.open=!1,t.toggleAttribute(`expanded`,!1),n(`collapse`,{expanded:!1,item:t}),d=!1};if(r){let e=r.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];e.length>0?Promise.allSettled(e.map(e=>e.finished)).then(i):i()}else i()},h=!1,_=0,v=()=>{if(e.disabled.value)return;let t=l.value;t&&(t.open?m():f())},y=e=>{_=e.touches[0]?.clientY??0},x=e=>{Math.abs((e.changedTouches[0]?.clientY??0)-_)>10||(e.preventDefault(),h=!0,v())},S=e=>{if(h){h=!1,e.preventDefault();return}e.preventDefault(),v()},w=()=>{let r=l.value?.open??!1,i=!!e.expanded.value;r&&!i?(t.toggleAttribute(`expanded`,!0),n(`expand`,{expanded:!0,item:t})):!r&&i&&(t.toggleAttribute(`expanded`,!1),n(`collapse`,{expanded:!1,item:t}))};return p(()=>{let e=l.value,n=u.value;if(!e||!n)return;let r=()=>{e.classList.toggle(`rtl`,vn(t)===`rtl`)};r();let i=new MutationObserver(e=>{e.some(e=>e.attributeName===`dir`)&&r()});for(let e=t;e;e=e.parentElement)i.observe(e,{attributeFilter:[`dir`],attributes:!0});return e.addEventListener(`toggle`,w),n.addEventListener(`touchstart`,y,{passive:!0}),n.addEventListener(`touchend`,x,{passive:!1}),n.addEventListener(`click`,S),()=>{i.disconnect(),e.removeEventListener(`toggle`,w),n.removeEventListener(`touchstart`,y),n.removeEventListener(`touchend`,x),n.removeEventListener(`click`,S)}}),o`
|
|
1136
|
+
`},styles:[kr]});var Mr=`@layer refine.base{:host{--accordion-details-radius:var(--rounded-lg);--accordion-item-transition:var(--transition-normal);--accordion-item-expand-easing:var(--ease-spring);color:var(--accordion-item-body-color,var(--text-color-body));display:block}details{border-radius:var(--accordion-item-radius);width:100%;overflow:hidden}summary{gap:var(--size-4);min-height:var(--_touch-target);padding:var(--accordion-item-details-padding,var(--size-3) var(--size-4));font-size:var(--accordion-item-title);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accordion-item-bg);border:var(--border) solid var(--accordion-item-border-color);border-radius:var(--accordion-details-radius);transition:background var(--accordion-item-transition), border-color var(--accordion-item-transition), color var(--accordion-item-transition);outline:none;align-items:center;list-style:none;display:flex;position:relative}summary::-webkit-details-marker{display:none}summary:focus{outline:none}summary:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);box-shadow:0 0 0 3px color-mix(in oklch, currentcolor 20%, transparent)}.header-content{flex-direction:column;flex:1;min-width:0;display:flex}.subtitle{font-size:var(--accordion-item-subtitle-size);line-height:var(--leading-normal);color:var(--accordion-item-subtitle-color,var(--text-color-secondary))}.title{text-overflow:ellipsis;font-weight:var(--font-medium);color:var(--accordion-item-title-color,var(--text-color-heading));white-space:nowrap;overflow:hidden}.content-wrapper{font-size:var(--accordion-item-body);background:var(--accordion-item-bg);border-inline:1px solid var(--accordion-item-border-color);border-bottom:1px solid var(--accordion-item-border-color);border-radius:var(--accordion-summary-radius);transition:grid-template-rows .2s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:0fr;display:grid}details[open] .content-wrapper{grid-template-rows:1fr}.content-inner{padding:var(--accordion-item-summary-padding,var(--size-2) var(--size-4));opacity:1;transition:opacity .2s 60ms var(--ease-spring), transform .2s 60ms var(--ease-spring);overflow:hidden;transform:translateY(0)}details.opening .content-inner{opacity:0;transition:none;transform:translateY(-6px)}details.closing .content-inner{opacity:0;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring);transform:translateY(-4px)}details.closing .content-wrapper{transition:grid-template-rows .2s .12s var(--accordion-item-expand-easing,var(--ease-spring));grid-template-rows:1fr}}@layer refine.variants{:host,:host([variant=solid]){--accordion-item-bg:var(--color-contrast-50);--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=flat]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=bordered]){--accordion-item-bg:var(--color-contrast-100);--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-200);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs)}:host([variant=outline]){--accordion-item-bg:transparent;--accordion-item-border-color:var(--color-divider);--accordion-item-hover-bg:var(--color-contrast-300)}:host([variant=ghost]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:var(--color-contrast-200)}:host([variant=text]){--accordion-item-bg:transparent;--accordion-item-border-color:transparent;--accordion-item-hover-bg:transparent}:host summary:hover{background:var(--accordion-item-hover-bg)}:host([variant=glass]) details,:host([variant=frost]) details{border-radius:inherit}:host([variant=glass]) summary,:host([variant=frost]) summary{border-radius:inherit;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=glass]) .content-wrapper,:host([variant=frost]) .content-wrapper{-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%);border-radius:0}:host([variant=glass]){--accordion-item-bg:color-mix(in oklch, var(--color-secondary) 30%, var(--color-contrast) 10%);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--accordion-item-title-color:color-mix(in oklch, var(--color-secondary-contrast) 100%, transparent);--accordion-item-subtitle-color:color-mix(in oklch, var(--color-secondary-contrast) 60%, transparent);--accordion-item-body-color:color-mix(in oklch, var(--color-secondary-contrast) 80%, transparent)}:host([variant=glass]) summary{text-shadow:var(--text-shadow-xs)}:host([variant=glass]) .content-wrapper{filter:brightness(1.05)}:host([variant=frost]){--accordion-item-bg:color-mix(in oklch, var(--color-canvas) 55%, transparent);--accordion-item-border-color:transparent;--accordion-item-hover-bg:color-mix(in oklch, var(--color-canvas) 20%, transparent)}:host([variant=frost]) summary{text-shadow:var(--text-shadow-2xs)}:host([size=sm]){--accordion-item-details-padding:var(--size-2) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-sm);--accordion-item-subtitle-size:var(--text-xs);--accordion-item-body:var(--text-xs)}:host(:not([size])),:host([size=md]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}:host([size=lg]){--accordion-item-details-padding:var(--size-4) var(--size-4);--accordion-item-summary-padding:var(--size-1) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}@media (pointer:coarse){:host,:host([size=md]){--accordion-item-details-padding:var(--size-4) var(--size-5);--accordion-item-title:var(--text-lg);--accordion-item-subtitle-size:var(--text-base);--accordion-item-body:var(--text-base)}:host([size=sm]){--accordion-item-details-padding:var(--size-3) var(--size-4);--accordion-item-title:var(--text-base);--accordion-item-subtitle-size:var(--text-sm);--accordion-item-body:var(--text-sm)}}:host([disabled]){pointer-events:none;opacity:.6}.chevron{--ore-icon-size:var(--_size,var(--size-5));width:var(--_size,var(--size-5));height:var(--_size,var(--size-5));transition:transform .2s var(--ease-spring);transform:rotate(-90deg)}.chevron:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.chevron:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}details[open] .chevron{transform:rotate(0)}details.rtl .chevron{transform:rotate(90deg)}details.rtl[open] .chevron{transform:rotate(0)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .chevron{transform:rotate(90deg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) details[open] .chevron{transform:rotate(0)}:host([expanded]){--accordion-details-radius:var(--rounded-lg) var(--rounded-lg) 0 0;--accordion-summary-radius:0 0 var(--rounded-lg) var(--rounded-lg)}@media (forced-colors:active){summary{border-color:buttontext}}}`,Nr=`ore-accordion-item`;i(Nr,{props:{...W,expanded:m.bool(!1),size:m.string(),variant:m.string()},setup(e){let t=a(),n=b(),r=C,i=s(Ar);i&&r(()=>{let e=i.size.value,n=i.variant.value;e!==void 0&&t.setAttribute(`size`,e),n!==void 0&&t.setAttribute(`variant`,n)});let c=`accordion-item-title`,l=g(),u=g(),d=!1,f=()=>{let e=l.value;!e||e.open||(e.classList.add(`opening`),e.open=!0,t.toggleAttribute(`expanded`,!0),n(`expand`,{expanded:!0,item:t}),requestAnimationFrame(()=>{let t=e.querySelector(`.content-inner`);if(!t){e.classList.remove(`opening`),d=!1;return}let n=()=>{e.classList.remove(`opening`),d=!1},r=t.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];r.length>0?Promise.allSettled(r.map(e=>e.finished)).then(n):n()}))},m=()=>{let e=l.value;if(!e?.open||d)return;d=!0,e.classList.add(`closing`);let r=e.querySelector(`.content-inner`),i=()=>{e.classList.remove(`closing`),e.open=!1,t.toggleAttribute(`expanded`,!1),n(`collapse`,{expanded:!1,item:t}),d=!1};if(r){let e=r.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];e.length>0?Promise.allSettled(e.map(e=>e.finished)).then(i):i()}else i()},h=!1,_=0,v=()=>{if(e.disabled.value)return;let t=l.value;t&&(t.open?m():f())},y=e=>{_=e.touches[0]?.clientY??0},x=e=>{Math.abs((e.changedTouches[0]?.clientY??0)-_)>10||(e.preventDefault(),h=!0,v())},S=e=>{if(h){h=!1,e.preventDefault();return}e.preventDefault(),v()},w=()=>{let r=l.value?.open??!1,i=!!e.expanded.value;r&&!i?(t.toggleAttribute(`expanded`,!0),n(`expand`,{expanded:!0,item:t})):!r&&i&&(t.toggleAttribute(`expanded`,!1),n(`collapse`,{expanded:!1,item:t}))};return p(()=>{let e=l.value,n=u.value;if(!e||!n)return;let r=()=>{e.classList.toggle(`rtl`,nn(t)===`rtl`)};r();let i=new MutationObserver(e=>{e.some(e=>e.attributeName===`dir`)&&r()});for(let e=t;e;e=e.parentElement)i.observe(e,{attributeFilter:[`dir`],attributes:!0});return e.addEventListener(`toggle`,w),n.addEventListener(`touchstart`,y,{passive:!0}),n.addEventListener(`touchend`,x,{passive:!1}),n.addEventListener(`click`,S),()=>{i.disconnect(),e.removeEventListener(`toggle`,w),n.removeEventListener(`touchstart`,y),n.removeEventListener(`touchend`,x),n.removeEventListener(`click`,S)}}),o`
|
|
1152
1137
|
<details part="item" ?open="${e.expanded}" ref="${l}">
|
|
1153
1138
|
<summary
|
|
1154
1139
|
part="summary"
|
|
@@ -1174,7 +1159,22 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1174
1159
|
</div>
|
|
1175
1160
|
</div>
|
|
1176
1161
|
</details>
|
|
1177
|
-
`},styles:[
|
|
1162
|
+
`},styles:[K,Mr]});var Pr=`@layer refine.base{:host{--tabs-transition:var(--transition-normal);--tabs-radius:var(--rounded-lg);flex-direction:column;width:100%;height:100%;display:flex}.tablist-wrapper{flex-shrink:0;position:relative}[role=tablist]{gap:var(--tabs-tab-gap,var(--size-1));scrollbar-width:none;align-items:stretch;display:flex;position:relative;overflow-x:auto}[role=tablist]::-webkit-scrollbar{display:none}.indicator{pointer-events:none;background:var(--tabs-indicator-color,var(--_theme-base));border-radius:var(--rounded-full);height:2px;transition:transform var(--tabs-transition);position:absolute;bottom:0;left:0}.panels{flex-direction:column;flex:1;min-height:0;display:flex}}@layer refine.orientation{:host([orientation=vertical]){flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .tablist-wrapper{flex-shrink:0;display:flex}:host([orientation=vertical]) [role=tablist]{width:max-content;overflow-x:unset;flex-direction:column;overflow-y:auto}:host([orientation=vertical]) .indicator{top:0;bottom:unset;width:2px;height:unset;transition:transform var(--tabs-transition)}:host([orientation=vertical]) .indicator:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:host([orientation=vertical]) .indicator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}}@layer refine.variants{:host,:host([variant=solid]){--tabs-tab-gap:var(--size-1);--_tablist-bg:var(--tabs-tablist-bg,var(--color-contrast-100));--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host [role=tablist],:host([variant=solid]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius)}:host .indicator,:host([variant=solid]) .indicator{display:none}:host([variant=flat]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200));background:var(--tabs-bg,var(--color-contrast-100));border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs);overflow:hidden}:host([variant=flat]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:none;border-bottom:var(--border) solid var(--_tablist-border-color);background:0 0;border-radius:0}:host([variant=flat]) .indicator{display:none}:host([variant=bordered]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host([variant=bordered]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) var(--tabs-radius) 0 0;background:0 0;border-bottom:none}:host([variant=bordered]) .indicator{display:none}:host([variant=bordered]) .panels{border:var(--border) solid var(--_tablist-border-color);border-radius:0 0 var(--tabs-radius) var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) [role=tablist]{border-right:none;border-bottom:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) 0 0 var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) .panels{border-radius:0 var(--tabs-radius) var(--tabs-radius) 0}:host([variant=ghost]) [role=tablist]{gap:var(--size-1);background:0 0;border:none;border-radius:0;padding:0}:host([variant=ghost]) .indicator{display:none}:host([variant=glass]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-secondary) 20%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent))}:host([variant=glass]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]) .indicator{display:none}:host([variant=frost]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-contrast-300) 50%, transparent))}:host([variant=frost]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=frost]) .indicator{display:none}}`,Fr=t(`TabsContext`),Ir=`ore-tabs`;i(Ir,{props:{...H,...U,activation:m.oneOf([`auto`,`manual`],`auto`),label:m.string(),orientation:m.oneOf([`horizontal`,`vertical`],`horizontal`),value:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=n.shadowRoot,s=g(),c=g(),l=D(t.value.value),d=()=>t.activation.value===`manual`,f=()=>t.orientation.value===`vertical`;e({attr:{value:()=>l.value??null}});let m=()=>[...n.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],_=()=>m().filter(e=>!e.hasAttribute(`disabled`)),v=e=>{e&&(e.shadowRoot?.querySelector(`[role="tab"]`)??e).focus()},y=(e,t=!1)=>{l.value=e,t&&e&&r(`change`,{value:e})},x=()=>{let e=m();if(e.length===0)return;let t=l.value;if(t&&e.some(e=>e.getAttribute(`value`)===t&&!e.hasAttribute(`disabled`)))return;let n=e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0;y(n,!1)};k(t.value,e=>{l.value=e,x()});let S=un({direction:()=>nn(n),getItems:()=>_(),loop:!0,onNavigate:(e,t)=>{let n=_()[t];if(v(n),!d()){let e=n?.getAttribute(`value`);e&&y(e,!0)}},orientation:()=>f()?`vertical`:`both`,signal:Z(u)});h(Fr,{color:t.color,orientation:T(()=>t.orientation.value??`horizontal`),size:t.size,value:l,variant:t.variant});let C=e=>{let t=c.value,n=s.value;if(!t||!n||!e)return;let r=e.getBoundingClientRect(),i=n.getBoundingClientRect();if(f()){let e=r.top-i.top+n.scrollTop;t.style.transition=`none`,t.style.height=`${r.height}px`,t.style.width=``,t.style.left=`0`,t.style.top=`0`,t.offsetWidth,t.style.transition=``,t.style.transform=`translateY(${e}px)`}else{let e=r.left-i.left+n.scrollLeft;t.style.transition=`none`,t.style.width=`${r.width}px`,t.style.height=``,t.style.top=``,t.style.left=`0`,t.offsetWidth,t.style.transition=``,t.style.transform=`translateX(${e}px)`}},w=()=>{let e=l.value;if(!e)return;let t=m().find(t=>t.getAttribute(`value`)===e);C(t)};k(l,()=>{requestAnimationFrame(w)});let E=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`);if(!t||t.hasAttribute(`disabled`)||t.closest(`ore-tabs`)!==n)return;let r=t.getAttribute(`value`);!r||r===l.value||y(r,!0)},O=Ct({disabled:T(()=>!d()),onPress:()=>{let e=_().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==l.value&&y(e,!0)}});return e({on:{click:E,keydown:e=>{let t=_();if(t.length===0)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`)??t.find(e=>e.getAttribute(`value`)===l.value),r=n?t.indexOf(n):-1;r>=0&&S.set(r),!S.handleKeydown(e)&&O.handleKeydown(e)}}}),p(()=>{let e=()=>{x(),w()},t=i?.querySelector(`slot[name="tabs"]`);return t&&t.addEventListener(`slotchange`,e),e(),requestAnimationFrame(e),()=>{t&&t.removeEventListener(`slotchange`,e)}}),o`
|
|
1163
|
+
<div class="tablist-wrapper">
|
|
1164
|
+
<div
|
|
1165
|
+
role="tablist"
|
|
1166
|
+
ref="${s}"
|
|
1167
|
+
part="tablist"
|
|
1168
|
+
aria-orientation="${t.orientation}"
|
|
1169
|
+
aria-label="${t.label}">
|
|
1170
|
+
<slot name="tabs"></slot>
|
|
1171
|
+
</div>
|
|
1172
|
+
<div class="indicator" ref="${c}" part="indicator"></div>
|
|
1173
|
+
</div>
|
|
1174
|
+
<div class="panels" part="panels">
|
|
1175
|
+
<slot></slot>
|
|
1176
|
+
</div>
|
|
1177
|
+
`},styles:[X,Pr]});var Lr=`@layer refine.base{:host{--tab-item-transition:var(--transition-normal);--tab-item-radius:var(--rounded-lg);outline:none;display:inline-flex}button{gap:var(--size-2);width:100%;min-height:var(--_touch-target);padding:var(--tab-item-padding,var(--size-1-5) var(--size-4));font-family:inherit;font-size:var(--tab-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--tab-item-color,var(--text-color-secondary));white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--tab-item-radius);transition:background var(--tab-item-transition), color var(--tab-item-transition), box-shadow var(--tab-item-transition);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}button:focus{outline:none}:host(:focus-visible) button,button:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:2px;box-shadow:0 0 0 3px var(--_theme-shadow)}}@layer refine.variants{:host,:host([variant=solid]),:host([variant=flat]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-200));--_active-bg:var(--tab-item-active-bg,var(--color-contrast-0,var(--color-canvas)));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=bordered]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-200));--_active-bg:var(--tab-item-active-bg,var(--color-contrast-0,var(--color-canvas)));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs))}:host([variant=ghost]){--_hover-bg:var(--tab-item-hover-bg,var(--color-contrast-100));--_active-bg:var(--tab-item-active-bg,var(--_theme-base));--_active-color:var(--tab-item-active-color,var(--_theme-contrast))}:host([variant=glass]){--_color:var(--tab-item-color,color-mix(in oklch, var(--color-secondary-contrast) 70%, transparent));--_hover-bg:var(--tab-item-hover-bg,color-mix(in oklch, var(--color-secondary-contrast) 10%, transparent));--_active-bg:var(--tab-item-active-bg,color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent));--_active-color:var(--tab-item-active-color,var(--color-secondary-contrast));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=glass]) button{color:var(--_color);text-shadow:var(--text-shadow-2xs)}:host([variant=glass]) button:hover{color:var(--tab-item-active-color,var(--color-secondary-contrast))}:host([variant=frost]){--_hover-bg:var(--tab-item-hover-bg,color-mix(in oklch, var(--color-contrast) 10%, transparent));--_active-bg:var(--tab-item-active-bg,color-mix(in oklch, var(--color-canvas) 60%, transparent));--_active-color:var(--tab-item-active-color,var(--text-color-heading));--_active-shadow:var(--tab-item-active-shadow,var(--shadow-xs), var(--inset-shadow-xs))}:host([variant=frost]) button{color:var(--text-color-secondary)}:host button:hover{color:var(--tab-item-active-color,var(--text-color-heading));background:var(--_hover-bg)}:host([active]) button{color:var(--_active-color);background:var(--_active-bg);box-shadow:var(--_active-shadow)}:host([size=sm]){--tab-item-font-size:var(--text-xs);--tab-item-padding:var(--size-1) var(--size-3)}:host(:not([size])),:host([size=md]){--tab-item-font-size:var(--text-sm);--tab-item-padding:var(--size-1-5) var(--size-4)}:host([size=lg]){--tab-item-font-size:var(--text-base);--tab-item-padding:var(--size-2) var(--size-5)}@media (pointer:coarse){:host,:host([size=md]){--tab-item-font-size:var(--text-base);--tab-item-padding:var(--size-2) var(--size-5)}:host([size=sm]){--tab-item-font-size:var(--text-sm);--tab-item-padding:var(--size-1-5) var(--size-4)}}:host([disabled]){pointer-events:none;opacity:.5}@media (forced-colors:active){button:focus-visible{box-shadow:none;outline:2px solid highlight}:host([active]) button{outline-offset:-2px;outline:2px solid highlight}}}`,Rr=`ore-tab-item`;i(Rr,{props:{...W,active:m.bool(!1),color:m.string(),size:m.string(),value:m.string(``),variant:m.string()},setup(t){let n=a(),r=C,i=s(Fr);i&&r(()=>{let e=i.color.value,t=i.size.value,r=i.variant.value;e!==void 0&&n.setAttribute(`color`,e),t!==void 0&&n.setAttribute(`size`,t),r!==void 0&&n.setAttribute(`variant`,r)});let c=T(()=>i?!!i.value.value&&i.value.value===t.value.value:t.active.value),l=()=>!!t.disabled.value;e({attr:{active:()=>c.value?!0:void 0}});let u=e=>{if(e.stopPropagation(),l()){e.preventDefault();return}n.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,detail:{value:t.value.value}}))},d=()=>`tab-${t.value.value}`,f=g();return p(()=>{C(()=>{let e=f.value,r=t.value.value;if(!e)return;let i=((r?n.closest(`ore-tabs`):null)?.querySelector(`:scope > ore-tab-panel[value="${r}"]`))?.shadowRoot?.querySelector(`.panel`)??null;pt(e,`ariaControlsElements`,i?[i]:[])})}),o`
|
|
1178
1178
|
<button
|
|
1179
1179
|
role="tab"
|
|
1180
1180
|
type="button"
|
|
@@ -1189,7 +1189,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1189
1189
|
<slot></slot>
|
|
1190
1190
|
<slot name="suffix"></slot>
|
|
1191
1191
|
</button>
|
|
1192
|
-
`},styles:[
|
|
1192
|
+
`},styles:[X,Ye(`button`),K,Lr]});var zr=`@layer refine.base{:host{width:100%;display:none}:host([active]){flex-direction:column;flex:1;min-height:0;display:flex}.panel{box-sizing:border-box;height:100%;min-height:0;padding:var(--tab-panel-padding,var(--size-4));font-size:var(--tab-panel-font-size,var(--text-sm));color:var(--text-color-body);animation:var(--_motion-animation,tab-panel-in var(--transition-normal) var(--ease-out) both);flex:1;overflow:auto}}@layer refine.variants{@keyframes tab-panel-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}}`,Br={"2xl":`var(--size-12)`,lg:`var(--size-6)`,md:`var(--size-4)`,none:`0`,sm:`var(--size-2)`,xl:`var(--size-8)`,xs:`var(--size-1)`},Vr=`ore-tab-panel`;i(Vr,{props:{active:m.bool(!1),lazy:m.bool(!1),padding:m.oneOf([`none`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`],`md`),value:m.string(``)},setup(t){let n=a(),r=C,i=s(Fr),c=T(()=>i?!!i.value.value&&i.value.value===t.value.value:t.active.value);e({attr:{active:()=>c.value?!0:void 0}});let l=T(()=>Br[t.padding.value??`md`]??Br.md),u=D(!1);r(()=>{c.value&&(u.value=!0)});let d=T(()=>!t.lazy.value||u.value),f=v({"--tab-panel-padding":l}),m=()=>`tabpanel-${t.value.value}`,h=g();return p(()=>{r(()=>{let e=h.value,r=t.value.value;if(!e)return;let i=((r?n.closest(`ore-tabs`):null)?.querySelector(`:scope > ore-tab-item[value="${r}"]`))?.shadowRoot?.querySelector(`[role="tab"]`)??null;pt(e,`ariaLabelledByElements`,i?[i]:[])})}),o`
|
|
1193
1193
|
<div
|
|
1194
1194
|
class="panel"
|
|
1195
1195
|
part="panel"
|
|
@@ -1203,7 +1203,41 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1203
1203
|
<slot></slot>
|
|
1204
1204
|
`)}
|
|
1205
1205
|
</div>
|
|
1206
|
-
`},styles:[
|
|
1206
|
+
`},styles:[q,zr]});var Hr=V({ACCORDION_CTX:()=>Ar,ACCORDION_ITEM_TAG:()=>Nr,ACCORDION_TAG:()=>jr,TABS_CTX:()=>Fr,TABS_TAG:()=>Ir,TAB_ITEM_TAG:()=>Rr,TAB_PANEL_TAG:()=>Vr});function Ur(e,t,n=`animation`){typeof getComputedStyle==`function`&&getComputedStyle(e).opacity,queueMicrotask(()=>{let r=(typeof e.getAnimations==`function`?()=>e.getAnimations():()=>[])().filter(e=>n===`animation`?e instanceof CSSAnimation:n===`transition`&&e instanceof CSSTransition);if(r.length===0){t();return}let i=!1;Promise.allSettled(r.map(e=>e.finished)).then(()=>{i||(i=!0,t())})})}var Wr=`@layer refine.base{:host{--_bg:var(--alert-bg,var(--_theme-backdrop));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-border));--_radius:var(--alert-radius,var(--rounded-lg));--_padding:var(--alert-padding,var(--size-4));--_gap:var(--alert-gap,var(--size-3));--_font-size:var(--alert-font-size,var(--text-sm));--_shadow:var(--alert-shadow,var(--shadow-none));display:block}.sr-announce{white-space:nowrap;clip-path:inset(50%);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:host([dismissed]){display:none}:host([dismissing]){pointer-events:none;animation:var(--_motion-animation,ore-alert-exit var(--transition-slow) var(--ease-in-out) forwards);overflow:hidden}@keyframes ore-alert-exit{0%{max-height:600px;margin-bottom:var(--size-3);opacity:1;transform:scaleY(1)}60%{opacity:0;transform:scaleY(.8)}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:scaleY(0)}}.alert{row-gap:var(--size-1);padding:var(--_padding);font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--_color);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), color var(--transition-normal);grid-template-columns:auto 1fr auto;display:grid;overflow:hidden}.icon{grid-area:1/1;justify-content:center;align-self:start;align-items:center;display:inline-flex}.icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--_gap)}.icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--_gap)}.alert:has(.header[hidden]) .icon{align-self:center}.icon[hidden]{display:none}.header{gap:var(--size-2);grid-area:1/2;align-items:baseline;display:flex}.header[hidden]{display:none}.heading{text-overflow:ellipsis;font-weight:var(--font-semibold);line-height:var(--leading-normal);white-space:nowrap;overflow:hidden}.meta{font-size:var(--text-xs);white-space:nowrap;opacity:.7}.meta:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.meta:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host(:not(:has([slot=meta]))) .meta{display:none}.body{min-width:0;margin-top:var(--size-1);grid-area:2/1/auto/-1}.alert:has(.header[hidden]) .body{grid-area:1/2;margin-top:0}.content{line-height:var(--leading-relaxed)}.actions{gap:var(--size-2);margin-top:var(--size-2);flex-wrap:wrap;grid-area:3/1/auto/-1;display:flex}.alert:has(.header[hidden]) .actions{grid-row:2}.actions[hidden]{display:none}:host([horizontal]) .alert{grid-template-columns:auto 1fr auto auto}:host([horizontal]) .body{grid-area:1/2;align-self:center;margin-top:0}:host([horizontal]) .actions:not([hidden]){flex-wrap:nowrap;grid-area:1/3;margin-top:0}:host([horizontal]) .actions:not([hidden]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--_gap)}:host([horizontal]) .actions:not([hidden]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}:host([horizontal]) .close{grid-column:4;align-self:center}.close{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:inherit;cursor:pointer;border-radius:var(--rounded-sm);opacity:.7;transition:opacity var(--transition-fast), background var(--transition-fast);background:0 0;border:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;padding:0;display:inline-flex}.close:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--_gap)}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--_gap)}.close[hidden]{display:none}.close:hover{background:color-mix(in oklch, currentcolor 12%, transparent);opacity:1}.close:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2);opacity:1}:host([variant=flat][accented]) .alert:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-width:var(--border-4,4px)}:host([variant=flat][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}:host([variant=bordered][accented]) .alert:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-width:var(--border-4,4px)}:host([variant=bordered][accented]) .alert:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-width:var(--border-4,4px)}}@layer refine.variants{:host(:not([variant])),:host([variant=flat]){--_bg:var(--alert-bg,var(--color-canvas));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,var(--_theme-base));--_shadow:var(--alert-shadow,var(--shadow-none))}:host([variant=solid]){--_bg:var(--alert-bg,var(--_theme-base));--_color:var(--alert-color,var(--_theme-contrast));--_border-color:var(--alert-border-color,var(--_theme-base));--_shadow:var(--alert-shadow,var(--shadow-xs))}:host([variant=bordered]){--_bg:var(--alert-bg,color-mix(in oklch, var(--_theme-backdrop), var(--color-canvas)));--_color:var(--alert-color,var(--_theme-base));--_border-color:var(--alert-border-color,color-mix(in oklch, var(--_theme-focus) 30%, transparent));--_shadow:var(--alert-shadow,var(--inset-shadow-2xs))}}`,Gr=`ore-alert`;i(Gr,{props:{...H,...U,...G,accented:m.bool(!1),dismissible:m.bool(!1),heading:m.string(),horizontal:m.bool(!1),variant:m.string()},setup(e){let t=a(),n=b(),r=S(),i=null,s=e=>{i&&(i.textContent=``,requestAnimationFrame(()=>{i&&(i.textContent=e)}))};return o`
|
|
1207
|
+
<span
|
|
1208
|
+
class="sr-announce"
|
|
1209
|
+
aria-live="polite"
|
|
1210
|
+
aria-atomic="true"
|
|
1211
|
+
ref="${e=>{i=e}}"></span>
|
|
1212
|
+
<div class="alert" role="${()=>e.color.value===`error`?`alert`:`status`}" part="alert">
|
|
1213
|
+
<span class="icon" part="icon" aria-hidden="true" ?hidden="${()=>!r.has(`icon`).value}">
|
|
1214
|
+
<slot name="icon"></slot>
|
|
1215
|
+
</span>
|
|
1216
|
+
<div class="header" part="header" ?hidden="${()=>!e.heading.value}">
|
|
1217
|
+
<span class="heading" part="heading">${e.heading}</span>
|
|
1218
|
+
<span class="meta" part="meta">
|
|
1219
|
+
<slot name="meta"></slot>
|
|
1220
|
+
</span>
|
|
1221
|
+
</div>
|
|
1222
|
+
<div class="body" part="body">
|
|
1223
|
+
<div class="content" part="content">
|
|
1224
|
+
<slot></slot>
|
|
1225
|
+
</div>
|
|
1226
|
+
</div>
|
|
1227
|
+
<div class="actions" part="actions" ?hidden="${()=>!r.has(`actions`).value}">
|
|
1228
|
+
<slot name="actions"></slot>
|
|
1229
|
+
</div>
|
|
1230
|
+
<button
|
|
1231
|
+
class="close"
|
|
1232
|
+
part="close"
|
|
1233
|
+
type="button"
|
|
1234
|
+
aria-label="Dismiss alert"
|
|
1235
|
+
?hidden="${()=>!e.dismissible.value}"
|
|
1236
|
+
@click="${r=>{e.dismissible.value&&(t.setAttribute(`dismissing`,``),Ur(t,()=>{t.removeAttribute(`dismissing`),t.setAttribute(`dismissed`,``),s(`Alert dismissed`),n(`dismiss`,{originalEvent:r})}))}}">
|
|
1237
|
+
<ore-icon name="x" size="16" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1238
|
+
</button>
|
|
1239
|
+
</div>
|
|
1240
|
+
`},styles:[X,K,q,J,Je,Y({lg:{"--_padding":`var(--size-4) var(--size-5)`,fontSize:`var(--text-base)`,gap:`var(--size-3-5)`},sm:{"--_padding":`var(--size-2) var(--size-3)`,fontSize:`var(--text-xs)`,gap:`var(--size-2)`}}),Wr]});var Kr=`@layer refine.base{:host{--_color:var(--async-color,var(--color-contrast-500));--_icon-size:var(--async-icon-size,var(--size-12));--_gap:var(--async-gap,var(--size-3));display:block}.region{display:none}:host([status=idle]) .region-idle,:host([status=loading]) .region-loading,:host([status=empty]) .region-empty,:host([status=error]) .region-error,:host([status=success]) .region-success,:host(:not([status])) .region-success{display:block}.empty-state{gap:var(--_gap);padding:var(--size-10) var(--size-6);color:var(--_color);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .icon{width:var(--_icon-size);height:var(--_icon-size);opacity:.4;justify-content:center;align-items:center;display:flex}.empty-state .icon svg{width:100%;height:100%}.empty-state .icon ore-icon{width:100%;height:100%;display:flex}.empty-state .title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-700)}.empty-state .description{max-width:28ch;font-size:var(--text-sm);line-height:var(--leading-relaxed);opacity:.75}.error-state{gap:var(--_gap);padding:var(--size-10) var(--size-6);color:var(--color-error-600);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-state .icon{width:var(--_icon-size);height:var(--_icon-size);opacity:.7;justify-content:center;align-items:center;display:flex}.error-state .icon svg{width:100%;height:100%}.error-state .icon ore-icon{width:100%;height:100%;display:flex}.error-state .title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-error-700)}.error-state .description{max-width:32ch;font-size:var(--text-sm);line-height:var(--leading-relaxed);opacity:.85}.error-state .retry-btn{gap:var(--size-1-5);padding:var(--size-2) var(--size-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-error-700);cursor:pointer;border-radius:var(--rounded-md);transition:var(--_motion-transition,background var(--transition-fast), opacity var(--transition-fast));background:0 0;border:1px solid;align-items:center;display:inline-flex}.error-state .retry-btn ore-icon{flex:none}.error-state .retry-btn:hover{background:color-mix(in oklch, var(--color-error-500) 10%, transparent)}.error-state .retry-btn:focus-visible{outline:2px solid var(--color-error-500);outline-offset:2px}.loading-default{gap:var(--size-2);padding:var(--size-4);flex-direction:column;display:flex}}`,qr=`ore-async`;i(qr,{props:{"empty-description":m.string(),"empty-label":m.string(`No content yet`),"error-description":m.string(),"error-label":m.string(`Something went wrong`),retryable:m.bool(!1),status:m.oneOf([`idle`,`loading`,`empty`,`error`,`success`],`success`)},setup(t){let n=b(),r=D(!1),i=D(!1),a=D(!1);e({attr:{ariaBusy:()=>t.status.value===`loading`?`true`:`false`,ariaLabel:()=>t.status.value===`loading`?`Loading…`:null,ariaLive:()=>t.status.value===`error`?`assertive`:`polite`,status:t.status}});let s=(e,t)=>()=>t?.value?o`
|
|
1207
1241
|
<p class="${e}">${t}</p>
|
|
1208
1242
|
`:``;return o`
|
|
1209
1243
|
<div class="region region-idle" role="presentation"></div>
|
|
@@ -1258,48 +1292,14 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1258
1292
|
<div class="region region-success" role="presentation">
|
|
1259
1293
|
<slot></slot>
|
|
1260
1294
|
</div>
|
|
1261
|
-
`},styles:[
|
|
1262
|
-
<span
|
|
1263
|
-
class="sr-announce"
|
|
1264
|
-
aria-live="polite"
|
|
1265
|
-
aria-atomic="true"
|
|
1266
|
-
ref="${e=>{i=e}}"></span>
|
|
1267
|
-
<div class="alert" role="${()=>e.color.value===`error`?`alert`:`status`}" part="alert">
|
|
1268
|
-
<span class="icon" part="icon" aria-hidden="true" ?hidden="${()=>!r.has(`icon`).value}">
|
|
1269
|
-
<slot name="icon"></slot>
|
|
1270
|
-
</span>
|
|
1271
|
-
<div class="header" part="header" ?hidden="${()=>!e.heading.value}">
|
|
1272
|
-
<span class="heading" part="heading">${e.heading}</span>
|
|
1273
|
-
<span class="meta" part="meta">
|
|
1274
|
-
<slot name="meta"></slot>
|
|
1275
|
-
</span>
|
|
1276
|
-
</div>
|
|
1277
|
-
<div class="body" part="body">
|
|
1278
|
-
<div class="content" part="content">
|
|
1279
|
-
<slot></slot>
|
|
1280
|
-
</div>
|
|
1281
|
-
</div>
|
|
1282
|
-
<div class="actions" part="actions" ?hidden="${()=>!r.has(`actions`).value}">
|
|
1283
|
-
<slot name="actions"></slot>
|
|
1284
|
-
</div>
|
|
1285
|
-
<button
|
|
1286
|
-
class="close"
|
|
1287
|
-
part="close"
|
|
1288
|
-
type="button"
|
|
1289
|
-
aria-label="Dismiss alert"
|
|
1290
|
-
?hidden="${()=>!e.dismissible.value}"
|
|
1291
|
-
@click="${r=>{e.dismissible.value&&(t.setAttribute(`dismissing`,``),li(t,()=>{t.removeAttribute(`dismissing`),t.setAttribute(`dismissed`,``),s(`Alert dismissed`),n(`dismiss`,{originalEvent:r})}))}}">
|
|
1292
|
-
<ore-icon name="x" size="16" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1293
|
-
</button>
|
|
1294
|
-
</div>
|
|
1295
|
-
`},styles:[K,H,U,W,q,G({lg:{"--_padding":`var(--size-4) var(--size-5)`,fontSize:`var(--text-base)`,gap:`var(--size-3-5)`},sm:{"--_padding":`var(--size-2) var(--size-3)`,fontSize:`var(--text-xs)`,gap:`var(--size-2)`}}),ui]});var fi=`@layer refine.base{:host{--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border));--_radius:var(--badge-radius,var(--rounded-lg));--_font-size:var(--badge-font-size,var(--text-xs));--_font-weight:var(--badge-font-weight,var(--font-semibold));--_padding-x:var(--badge-padding-x,var(--size-1-5));--_padding-y:var(--badge-padding-y,var(--size-0-5));--_gap:var(--badge-gap,var(--size-1));vertical-align:middle;display:inline-flex}.badge{gap:var(--_gap);min-width:var(--size-2);max-width:var(--badge-max-width,24ch);padding:var(--_padding-y) var(--_padding-x);text-overflow:ellipsis;font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.badge-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--badge-bg,var(--_theme-base));--_color:var(--badge-color,var(--_theme-contrast));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([variant=flat]){--_bg:var(--badge-bg,color-mix(in oklch, var(--_theme-backdrop) 25%, var(--color-contrast-100)));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=bordered]){--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border))}:host([variant=outline]){--_bg:var(--badge-bg,transparent);--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([dot]) .badge{min-width:unset;padding:var(--_dot-padding,var(--size-1));line-height:0}}@layer refine.sizes{:host([size=xs]){--_padding-x:var(--size-1);--_padding-y:0px;--_font-size:var(--text-2xs);--_dot-padding:var(--size-0-5)}}@layer refine.overrides{:host([dot]){--_bg:var(--badge-bg,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([anchor]){display:inline-flex;position:relative}:host{--_dir:1}:host(:dir(rtl)){--_dir:-1}:host([anchor]) .badge{z-index:1;transform:translate(calc(var(--_dir) * 30%), -30%);position:absolute;top:0}:host([anchor]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([anchor]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([anchor=top-start]) .badge{transform:translate(calc(var(--_dir) * -30%), -30%)}:host([anchor=top-start]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0;right:unset}:host([anchor=top-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}:host([anchor=bottom-end]) .badge{top:unset;transform:translate(calc(var(--_dir) * 30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge{top:unset;transform:translate(calc(var(--_dir) * -30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0;right:unset}:host([anchor=bottom-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}}`,pi=`ore-badge`;i(pi,{props:{...Y,size:m.string(),...lt,anchor:m.string(),count:m.number(),dot:m.bool(!1),label:m.string(),max:m.number(),variant:m.string()},setup(e){let t=T(()=>{let t=e.count.value==null?void 0:Number(e.count.value),n=e.max.value==null?void 0:Number(e.max.value);if(!(t===void 0||Number.isNaN(t)))return n!==void 0&&!Number.isNaN(n)&&t>n?`${n}+`:String(t)}),n=T(()=>{if(e.label.value)return e.label.value;if(!e.dot.value&&t.value!=null)return`${t.value} notifications`});return o`
|
|
1295
|
+
`},styles:[q,Kr]});var Jr=`@layer refine.base{:host{--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border));--_radius:var(--badge-radius,var(--rounded-lg));--_font-size:var(--badge-font-size,var(--text-xs));--_font-weight:var(--badge-font-weight,var(--font-semibold));--_padding-x:var(--badge-padding-x,var(--size-1-5));--_padding-y:var(--badge-padding-y,var(--size-0-5));--_gap:var(--badge-gap,var(--size-1));vertical-align:middle;display:inline-flex}.badge{gap:var(--_gap);min-width:var(--size-2);max-width:var(--badge-max-width,24ch);padding:var(--_padding-y) var(--_padding-x);text-overflow:ellipsis;font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.badge-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--badge-bg,var(--_theme-base));--_color:var(--badge-color,var(--_theme-contrast));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([variant=flat]){--_bg:var(--badge-bg,color-mix(in oklch, var(--_theme-backdrop) 25%, var(--color-contrast-100)));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=bordered]){--_bg:var(--badge-bg,var(--_theme-backdrop));--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-border))}:host([variant=outline]){--_bg:var(--badge-bg,transparent);--_color:var(--badge-color,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([dot]) .badge{min-width:unset;padding:var(--_dot-padding,var(--size-1));line-height:0}}@layer refine.sizes{:host([size=xs]){--_padding-x:var(--size-1);--_padding-y:0px;--_font-size:var(--text-2xs);--_dot-padding:var(--size-0-5)}}@layer refine.overrides{:host([dot]){--_bg:var(--badge-bg,var(--_theme-base));--_border-color:var(--badge-border-color,var(--_theme-base))}:host([anchor]){display:inline-flex;position:relative}:host{--_dir:1}:host(:dir(rtl)){--_dir:-1}:host([anchor]) .badge{z-index:1;transform:translate(calc(var(--_dir) * 30%), -30%);position:absolute;top:0}:host([anchor]) .badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}:host([anchor]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([anchor=top-start]) .badge{transform:translate(calc(var(--_dir) * -30%), -30%)}:host([anchor=top-start]) .badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0;right:unset}:host([anchor=top-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}:host([anchor=bottom-end]) .badge{top:unset;transform:translate(calc(var(--_dir) * 30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge{top:unset;transform:translate(calc(var(--_dir) * -30%), 30%);bottom:0}:host([anchor=bottom-start]) .badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0;right:unset}:host([anchor=bottom-start]) .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0;left:unset}}`,Yr=`ore-badge`;i(Yr,{props:{...H,size:m.string(),...G,anchor:m.string(),count:m.number(),dot:m.bool(!1),label:m.string(),max:m.number(),variant:m.string()},setup(e){let t=T(()=>{let t=e.count.value==null?void 0:Number(e.count.value),n=e.max.value==null?void 0:Number(e.max.value);if(!(t===void 0||Number.isNaN(t)))return n!==void 0&&!Number.isNaN(n)&&t>n?`${n}+`:String(t)}),n=T(()=>{if(e.label.value)return e.label.value;if(!e.dot.value&&t.value!=null)return`${t.value} notifications`});return o`
|
|
1296
1296
|
<span class="badge" part="badge" aria-label="${n}">
|
|
1297
1297
|
<slot name="icon"></slot>
|
|
1298
1298
|
<span ?hidden="${()=>t.value==null}">${t}</span>
|
|
1299
1299
|
<span class="badge-label" ?hidden="${()=>t.value!=null}"><slot></slot></span>
|
|
1300
1300
|
</span>
|
|
1301
1301
|
<slot name="target"></slot>
|
|
1302
|
-
`},styles:[
|
|
1302
|
+
`},styles:[X,Je,J,Ze(`.badge`),Y({lg:{"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-1)`,fontSize:`var(--text-sm)`},md:{"--_padding-x":`var(--size-2)`,"--_padding-y":`var(--size-0-5)`,fontSize:`var(--text-xs)`},sm:{"--_padding-x":`var(--size-1-5)`,"--_padding-y":`var(--size-px)`,fontSize:`var(--text-xs)`}}),Jr]});var Xr=`@layer refine.base{:host{--_bg:var(--chip-bg,var(--color-contrast-150));--_color:var(--chip-color,var(--color-contrast-800));--_border-color:var(--chip-border-color,transparent);--_radius:var(--chip-radius,var(--rounded-lg));--_font-size:var(--chip-font-size,var(--text-sm));--_font-weight:var(--chip-font-weight,var(--font-medium));--_padding-x:var(--chip-padding-x,var(--size-2-5));--_padding-y:var(--chip-padding-y,var(--size-0-5));--_gap:var(--chip-gap,var(--size-1));vertical-align:middle;align-items:center;max-width:100%;display:inline-flex}.chip{box-sizing:border-box;gap:var(--_gap);max-width:100%;padding:var(--_padding-y) var(--_padding-x);font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--_color);white-space:nowrap;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);align-items:center;line-height:1.2;display:inline-flex;position:relative}.label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.remove-btn{width:1.35em;height:1.35em;margin-inline:var(--size-0-5) calc(var(--size-2) * -1);color:inherit;cursor:pointer;background:color-mix(in oklch, currentcolor 12%, transparent);border-radius:var(--_radius);opacity:.7;transition:background var(--transition-fast), opacity var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.remove-btn:hover{background:color-mix(in oklch, currentcolor 28%, transparent);opacity:1}.remove-btn:focus-visible{outline-offset:1px;opacity:1;outline:2px solid}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.chip-btn{width:100%;font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:inline-flex}.chip-btn:disabled{cursor:not-allowed}:host([mode=selectable][checked]) .chip{outline:var(--border-2) solid var(--_theme-base,currentColor);outline-offset:-2px}:host([mode=selectable]:not([disabled])) .chip,:host([mode=action]:not([disabled])) .chip{cursor:pointer}.chip-btn:focus-visible{outline:2px solid var(--_theme-base,currentColor);outline-offset:2px;border-radius:var(--_radius)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--chip-bg,var(--_theme-base,var(--color-contrast-700)));--_color:var(--chip-color,var(--_theme-contrast,var(--color-contrast-50)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-800)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black))}:host([variant=flat]){--_bg:var(--chip-bg,color-mix(in oklch, var(--_theme-backdrop,var(--color-contrast-200)) 55%, transparent));--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-800)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-700)));--_hover-color:var(--chip-hover-color,var(--_theme-contrast,var(--color-contrast-50)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=bordered]){--_bg:var(--chip-bg,var(--_theme-backdrop,var(--color-contrast-50)));--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,var(--_theme-border,var(--color-contrast-300)));--_remove-bg:var(--chip-remove-bg,var(--_theme-focus,var(--color-contrast-700)));--_remove-color:var(--chip-remove-color,var(--_theme-backdrop,var(--color-contrast-50)));--_hover-bg:var(--chip-hover-bg,var(--_theme-focus,var(--color-contrast-700)));--_hover-color:var(--chip-hover-color,var(--_theme-contrast,var(--color-contrast-50)));--_hover-border-color:var(--chip-hover-border-color,var(--_theme-focus,var(--color-contrast-700)));--_active-bg:var(--chip-active-bg,color-mix(in oklch, var(--_theme-focus,var(--color-contrast-800)) 85%, black));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=outline]){--_bg:var(--chip-bg,transparent);--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,var(--_theme-base,var(--color-contrast-400)));--_remove-bg:var(--chip-remove-bg,var(--_theme-focus,var(--color-contrast-700)));--_remove-color:var(--chip-remove-color,var(--_theme-backdrop,var(--color-contrast-50)));--_hover-bg:var(--chip-hover-bg,var(--_theme-backdrop,var(--color-contrast-100)));--_hover-border-color:var(--chip-hover-border-color,var(--_theme-focus,var(--color-contrast-700)));--_active-bg:var(--chip-active-bg,var(--_theme-base,var(--color-contrast-700)));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=ghost]){--_bg:var(--chip-bg,transparent);--_color:var(--chip-color,var(--_theme-base,var(--color-contrast-900)));--_border-color:var(--chip-border-color,transparent);--_hover-bg:var(--chip-hover-bg,var(--_theme-backdrop,var(--color-contrast-100)));--_active-bg:var(--chip-active-bg,var(--_theme-base,var(--color-contrast-700)));--_active-color:var(--chip-active-color,var(--_theme-contrast,var(--color-contrast-50)))}:host([variant=bordered]) .remove-btn,:host([variant=outline]) .remove-btn{color:var(--_remove-color);background:var(--_remove-bg);border:var(--border) solid var(--_remove-bg)}:host([variant=bordered]) .remove-btn:hover,:host([variant=outline]) .remove-btn:hover{background:var(--chip-remove-hover-bg,color-mix(in oklch, var(--_remove-bg) 80%, var(--color-contrast-900)));opacity:1}:host([variant=ghost]) .remove-btn{border:var(--border) solid var(--_theme-focus,var(--color-contrast-400))}:host([variant=ghost]) .remove-btn:hover{background:var(--chip-remove-hover-bg,color-mix(in oklch, currentcolor 15%, transparent))}:host(:is(:not([variant]),[variant=solid],[variant=flat],[variant=bordered],[variant=outline],[variant=ghost]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:hover .chip{color:var(--_hover-color,var(--_color));background:var(--_hover-bg,var(--_bg));border-color:var(--_hover-border-color,var(--_border-color))}:host(:is(:not([variant]),[variant=solid],[variant=flat],[variant=bordered],[variant=outline],[variant=ghost]):is([mode=selectable],[mode=action]):not([disabled])) .chip-btn:active .chip{color:var(--_active-color,var(--_color));background:var(--_active-bg,var(--_bg));box-shadow:var(--inset-shadow-2xs)}}`,Zr=`ore-chip`;i(Zr,{props:{checked:{default:void 0,parse:e=>e==null?void 0:e!==`false`,reflect:!1},color:m.string(),"default-checked":m.bool(!1),disabled:m.bool(!1),label:m.string(),mode:m.oneOf([`static`,`removable`,`selectable`,`action`],`static`),rounded:m.string(),size:m.string(),value:m.string(),variant:m.string()},setup(t){let n=b(),r=D(t.checked.value!==void 0),i=D(!r.value&&t[`default-checked`].value);k(t.checked,e=>{e!==void 0&&(r.value=!0)});let a=T(()=>t.mode.value===`selectable`?r.value?t.checked.value??!1:i.value:!1);e({attr:{checked:()=>t.mode.value===`selectable`&&a.value?!0:void 0}});function s(e){t.disabled.value||n(`remove`,{originalEvent:e,value:t.value.value})}function c(e){if(e.stopPropagation(),t.disabled.value)return;let o=!a.value;r.value||(i.value=o),n(`change`,{checked:o,originalEvent:e,value:t.value.value})}function l(e){t.disabled.value||n(`click`,{originalEvent:e,value:t.value.value})}let u=()=>o`
|
|
1303
1303
|
<slot name="icon"></slot>
|
|
1304
1304
|
<span class="label"><slot></slot></span>
|
|
1305
1305
|
`,d=()=>{let e=t.label.value||t.value.value;return e?`Remove ${e}`:`Remove`},f=()=>o`
|
|
@@ -1341,7 +1341,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1341
1341
|
<span class="chip" part="chip">${u()} ${f()}</span>
|
|
1342
1342
|
`;return o`
|
|
1343
1343
|
${()=>{let e=t.mode.value;return e===`selectable`?p():e===`action`?m():e===`removable`?g():h()}}
|
|
1344
|
-
`},styles:[
|
|
1344
|
+
`},styles:[X,He,J,Y({lg:{"--_font-size":`var(--text-sm)`,"--_gap":`var(--size-1-5)`,"--_padding-x":`var(--size-3)`,"--_padding-y":`var(--size-1)`},sm:{"--_font-size":`var(--text-xs)`,"--_gap":`var(--size-0-5)`,"--_padding-x":`var(--size-2-5)`,"--_padding-y":`var(--size-px)`}}),Je,Xr]});var Qr=`@layer refine.base{:host{--_height:var(--password-strength-height,.375rem);--_gap:var(--password-strength-gap,var(--space-1,.25rem));--_radius:var(--password-strength-radius,var(--rounded-full));--_track-bg:var(--password-strength-track-bg,var(--color-contrast-300,#d1d5db));--_track-border:var(--password-strength-track-border,var(--color-contrast-400,#9ca3af));--_active-color:var(--password-strength-weak-color,var(--color-warning-500,#f59e0b));gap:var(--space-1,.25rem);width:100%;display:grid}:host([data-level=fair]){--_active-color:var(--password-strength-fair-color,var(--color-warning-600,#d97706))}:host([data-level=good]){--_active-color:var(--password-strength-good-color,var(--color-success-500,#22c55e))}:host([data-level=strong]){--_active-color:var(--password-strength-strong-color,var(--color-success-600,#16a34a))}.meter{width:100%;min-width:10rem}.segments{gap:var(--_gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.segment{height:var(--_height);background:var(--_track-bg);border:1px solid var(--_track-border);border-radius:var(--_radius);min-height:.35rem;transition:var(--_motion-transition,background-color var(--transition-fast), border-color var(--transition-fast))}.segment.active{background:var(--_active-color);border-color:var(--_active-color)}.level-label{min-height:1.25em;font-size:var(--password-strength-label-size,var(--text-sm,.875rem));color:var(--password-strength-label-color,currentColor);line-height:1.25}}`,$r=`ore-password-strength`;i($r,{props:{label:m.string(`Password strength`),labels:m.json(void 0),score:m.number(-1),"show-label":m.bool(!0),value:m.string()},setup(t){let n={empty:``,fair:`Fair`,good:`Good`,strong:`Strong`,weak:`Weak`},r=[`empty`,`weak`,`fair`,`good`,`strong`],i=e=>{if(!e)return 0;if(e.length<6)return 1;let t=/[a-z]/.test(e),n=/[A-Z]/.test(e),r=/\d/.test(e),i=/[^a-zA-Z0-9]/.test(e);return e.length>=12&&t&&n&&r&&i?4:(t||n)&&(r||i)&&e.length>=8?3:(t||n)&&e.length>=8?2:1},a=()=>{let e=t.score.value??-1,n=e>=0?Math.max(0,Math.min(4,Math.trunc(e))):i(t.value.value??``);return r[n]},s=T(()=>{let e=t.score.value??-1;return e>=0?Math.max(0,Math.min(4,Math.trunc(e))):i(t.value.value??``)}),c=T(()=>{let e=t.labels.value;return Array.isArray(e)&&e.length===5?String(e[s.value]??``):n[a()]}),l=T(()=>s.value===0?null:c.value||null);e({attr:{"data-level":()=>a()}});let u=e=>()=>`segment${s.value>=e?` active`:``}`;return o`
|
|
1345
1345
|
<div
|
|
1346
1346
|
class="meter"
|
|
1347
1347
|
role="meter"
|
|
@@ -1360,19 +1360,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1360
1360
|
${()=>t[`show-label`].value?o`
|
|
1361
1361
|
<span class="level-label" aria-live="polite" aria-atomic="true">${()=>c.value}</span>
|
|
1362
1362
|
`:``}
|
|
1363
|
-
`},styles:[
|
|
1363
|
+
`},styles:[q,Qr]});var ei=`@layer refine.base{:host{--_bg:var(--skeleton-bg,var(--color-contrast-200));--_highlight:var(--skeleton-highlight,var(--color-contrast-100));--_radius:var(--skeleton-radius,var(--rounded-lg));--_circle-size:var(--skeleton-size,var(--size-10));--_width:var(--skeleton-width,100%);--_height:var(--skeleton-height,var(--size-4));--_line-gap:var(--skeleton-line-gap,var(--size-2));--_last-line-width:var(--skeleton-last-line-width,60%);--_duration:var(--skeleton-duration,1.6s);--_stripe-size:var(--skeleton-stripe-size,8px);width:var(--_width);height:var(--_height);display:inline-block}.stack{gap:var(--_line-gap);width:100%;height:100%;display:grid}.bone{background:var(--_bg);border-radius:var(--_radius);width:100%;height:100%;position:relative;overflow:hidden}.bone:after{content:"";background:linear-gradient(90deg, var(--_bg) 0%, var(--_highlight) 50%, var(--_bg) 100%);animation:var(--_motion-animation,ore-skeleton-shimmer var(--_duration) linear infinite);position:absolute;inset:0;transform:translate(-100%)}:host([data-animated=false]) .bone:after{display:none}:host([data-paused]) .bone:after{animation-play-state:paused}@keyframes ore-skeleton-shimmer{to{transform:translate(100%)}}:host(:dir(rtl)) .bone:after{animation-direction:reverse}}@layer refine.variants{:host([variant=circle]){--_radius:var(--rounded-full);width:var(--skeleton-width,var(--_circle-size));height:var(--skeleton-height,var(--_circle-size));aspect-ratio:1}:host([variant=text]){--_height:var(--size-3);--_radius:var(--rounded-sm);height:auto}:host([variant=text]) .stack{height:auto}:host([variant=text]) .bone{height:var(--_height)}:host([variant=text]) .bone[data-last=true]{width:var(--_last-line-width)}}@layer refine.striped{:host([striped]) .stack{width:99%}:host([striped]) .bone{--_stripe-color:var(--skeleton-stripe-color,var(--color-contrast-400));border:var(--border) dashed var(--_stripe-color);background-color:#0000}:host([striped]) .bone:before{--_stripe-color:var(--skeleton-stripe-color,var(--color-contrast-300));content:"";background-color:var(--_stripe-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='0' y1='8' x2='8' y2='0' stroke='white' stroke-width='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cline x1='0' y1='8' x2='8' y2='0' stroke='white' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-size:var(--_stripe-size) var(--_stripe-size);-webkit-mask-size:var(--_stripe-size) var(--_stripe-size);mask-size:var(--_stripe-size) var(--_stripe-size);position:absolute;inset:0}:host([striped]) .bone:after{display:none}}@layer refine.utilities{:host([size=sm]){--_height:var(--size-3);--_circle-size:var(--size-8)}:host([size=md]){--_height:var(--size-4);--_circle-size:var(--size-10)}:host([size=lg]){--_height:var(--size-6);--_circle-size:var(--size-14)}}@media (forced-colors:active){.bone{background:buttonface;border:1px solid buttontext}.bone:after{display:none}}`,ti=`ore-skeleton`;i(ti,{props:{...U,animated:m.bool(!0),height:m.string(),lines:m.number(1),radius:m.string(),striped:m.bool(!1),variant:m.oneOf([`rect`,`circle`,`text`],`rect`),width:m.string()},setup(t){let n=a(),r=D(!1),i=()=>{let e=Math.floor(Number(t.lines.value));return Number.isFinite(e)&&e>0?e:1},s=()=>t.variant.value===`text`?i():1;return k(T(()=>`${t.width.value??``}|${t.height.value??``}|${t.radius.value??``}|${t.animated.value===!1?`0`:`1`}`),()=>{let e=qn(t.width.value),r=qn(t.height.value),i=qn(t.radius.value);e?n.style.setProperty(`--skeleton-width`,e):n.style.removeProperty(`--skeleton-width`),r?n.style.setProperty(`--skeleton-height`,r):n.style.removeProperty(`--skeleton-height`),i?n.style.setProperty(`--skeleton-radius`,i):n.style.removeProperty(`--skeleton-radius`);let a=n.getAttribute(`animated`)!==`false`&&t.animated.value!==!1;n.setAttribute(`data-animated`,a?`true`:`false`)},{immediate:!0}),e({attr:{"data-paused":()=>r.value?!0:void 0}}),p(()=>{let e=c(n,{threshold:0});k(e,e=>{let t=typeof e==`object`&&e&&`isIntersecting`in e?!e.isIntersecting:!1;r.value=t})}),o`
|
|
1364
1364
|
<div class="stack" part="stack">
|
|
1365
1365
|
${()=>Array.from({length:s()},(e,n)=>{let r=t.variant.value===`text`&&s()>1&&n===s()-1;return o`
|
|
1366
1366
|
<div class="bone" part="bone" aria-hidden="true" data-last="${()=>r?`true`:null}"></div>
|
|
1367
1367
|
`})}
|
|
1368
1368
|
</div>
|
|
1369
|
-
`},styles:[
|
|
1370
|
-
<span class="dots" part="dots" aria-hidden="true">
|
|
1371
|
-
<span class="dot" part="dot"></span>
|
|
1372
|
-
<span class="dot" part="dot"></span>
|
|
1373
|
-
<span class="dot" part="dot"></span>
|
|
1374
|
-
</span>
|
|
1375
|
-
`},styles:[K,U,G({lg:{gap:`var(--typing-indicator-gap, var(--size-1-5))`,size:`var(--typing-indicator-size, var(--size-2-5))`},md:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-2))`},sm:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-1-5))`}}),bi]});function Si(){return crypto.randomUUID()}var Ci=`@layer refine.base{:host{--_position:var(--toast-position,fixed);--_inset-top:var(--toast-inset-top,auto);--_inset-bottom:var(--toast-inset-bottom,1rem);--_inset-right:var(--toast-inset-right,1rem);--_inset-left:var(--toast-inset-left,auto);--_z-index:var(--toast-z-index,var(--z-toast));--_max-width:var(--toast-max-width,400px);--_gap:var(--toast-gap,.5rem);position:var(--_position);inset:var(--_inset-top) var(--_inset-right) var(--_inset-bottom) var(--_inset-left);z-index:var(--_z-index);gap:var(--_gap);max-width:var(--_max-width);pointer-events:none;flex-direction:column;display:flex}:host([position=top-left]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-left:1rem;--_inset-right:auto}:host([position=top-center]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-left:50%;--_inset-right:auto;transform:translate(-50%)}:host([position=top-right]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-right:1rem;--_inset-left:auto}:host([position=bottom-left]){--_inset-bottom:1rem;--_inset-left:1rem;--_inset-right:auto;--_inset-top:auto}:host([position=bottom-center]){--_inset-bottom:1rem;--_inset-left:50%;--_inset-right:auto;--_inset-top:auto;transform:translate(-50%)}:host([position=bottom-right]){--_inset-bottom:1rem;--_inset-right:1rem;--_inset-left:auto;--_inset-top:auto}.toast-container{perspective:1200px;perspective-origin:50%;transition:row-gap var(--transition-normal);grid-template-rows:1fr;grid-template-columns:1fr;row-gap:0;display:grid}.toast-live-region{display:contents}:host(.hovered) .toast-container{row-gap:var(--_gap)}:host(:not(.hovered)) .toast-wrapper{grid-area:1/1;align-self:end}:host([position^=top]:not(.hovered)) .toast-wrapper{align-self:start}.toast-wrapper{pointer-events:auto;touch-action:pan-y;position:relative}:host(:not(.hovered)) .toast-wrapper:last-child{z-index:3;transform:translateY(0)scale(1)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(2){z-index:2;pointer-events:none;transform:translateY(-8px)scale(.95)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(3){z-index:1;pointer-events:none;transform:translateY(-14px)scale(.9)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(n+4){visibility:hidden;pointer-events:none}:host([position^=top]) .toast-wrapper{transform-origin:top}:host([position^=top]:not(.hovered)) .toast-wrapper:nth-last-child(2){transform:translateY(8px)scale(.95)}:host([position^=top]:not(.hovered)) .toast-wrapper:nth-last-child(3){transform:translateY(14px)scale(.9)}:host(.hovered) .toast-wrapper{z-index:auto;visibility:visible;pointer-events:auto;grid-area:auto/1;align-self:stretch;transform:none}:host(.hovered) .toast-wrapper:nth-last-child(2){transition-delay:var(--duration-75)}:host(.hovered) .toast-wrapper:nth-last-child(3){transition-delay:var(--duration-100)}:host(.hovered) .toast-wrapper:nth-last-child(n+4){transition-delay:var(--duration-150)}.toast-inner{opacity:1;transition:opacity var(--toast-exit-duration,.3s) var(--ease-out);position:relative}.toast-inner.entering{opacity:0;transition:none}.toast-inner.exiting{pointer-events:none;opacity:0}::slotted(ore-alert),ore-alert{width:100%;box-shadow:var(--shadow-lg);--_motion-animation:none;margin:0}.toast-actions{gap:var(--size-4);justify-content:flex-end;display:flex}@media (width<=480px){:host{--_max-width:calc(100vw - var(--size-4));--_inset-right:var(--size-2);--_inset-left:var(--size-2)}:host([position=top-center]),:host([position=bottom-center]){--_inset-left:var(--size-2);transform:none}:host([position=top-center]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([position=bottom-center]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([position=top-center]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([position=bottom-center]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}}}`,wi=300,Ti=class{#e=D([]);#t=new Set;#n=new Set;#r=!1;#i=5;add(e){if(this.#r)return e.id??Si();let t=e.id??Si(),n=this.#e.value.filter(e=>e.phase!==`exiting`),r=n.length-(this.#i-1);if(r>0)for(let e of n.slice(0,r))this.dismiss(e.id);let i={dismissible:!0,duration:5e3,...e,exitTimeoutId:null,id:t,phase:`entering`,timer:null};return this.#l([...this.#e.value,i]),this.#o({id:t,type:`add`}),requestAnimationFrame(()=>{this.#s(t)?.phase===`entering`&&this.#u(t,{phase:`active`})}),i.duration>0&&this.#c(t,i.duration),t}clear(){for(let e of this.#e.value)e.phase!==`exiting`&&this.dismiss(e.id)}dispose(){if(!this.#r){this.#r=!0;for(let e of this.#e.value)e.timer&&clearTimeout(e.timer.timeoutId),e.exitTimeoutId&&clearTimeout(e.exitTimeoutId);this.#l([]),this.#t.clear(),this.#n.clear()}}dismiss(e){let t=this.#s(e);!t||t.phase===`exiting`||this.#r||(this.#u(e,{...this.#a(t),phase:`exiting`}),this.scheduleFinalization(e,350))}finalize(e){let t=this.#s(e);!t||this.#r||(t.timer&&clearTimeout(t.timer.timeoutId),t.exitTimeoutId&&clearTimeout(t.exitTimeoutId),this.#l(this.#e.value.filter(t=>t.id!==e)),t.onDismiss?.(),this.#o({id:e,type:`dismiss`}))}pauseTimers(){this.#r||this.#l(this.#e.value.map(e=>e.timer?(clearTimeout(e.timer.timeoutId),{...e,timer:{...e.timer,remaining:Math.max(0,e.timer.remaining-(Date.now()-e.timer.startedAt))}}):e))}resumeTimers(){if(!this.#r)for(let e of this.#e.value)e.phase===`active`&&e.timer&&e.timer.remaining>0&&this.#c(e.id,e.timer.remaining)}scheduleFinalization(e,t){let n=this.#s(e);if(!n||n.phase!==`exiting`||this.#r)return;n.exitTimeoutId&&clearTimeout(n.exitTimeoutId);let r=setTimeout(()=>this.finalize(e),t);this.#u(e,{exitTimeoutId:r})}setMax(e){e!=null&&(this.#i=Math.max(1,e))}subscribe(e){return e(this.#e.value),this.#t.add(e),()=>this.#t.delete(e)}subscribeEvents(e){return this.#n.add(e),()=>this.#n.delete(e)}update(e,t){let n=this.#s(e);if(!n||this.#r)return;let r=t.duration===void 0?n:this.#a(n);this.#u(e,{...r,...t,id:e}),t.duration!==void 0&&t.duration>0&&this.#c(e,t.duration)}#a(e){return e.timer&&clearTimeout(e.timer.timeoutId),{...e,timer:null}}#o(e){for(let t of this.#n)t(e)}#s(e){return this.#e.value.find(t=>t.id===e)}#c(e,t){if(t<=0||this.#r)return;let n=setTimeout(()=>this.dismiss(e),t);this.#u(e,{timer:{remaining:t,startedAt:Date.now(),timeoutId:n}})}#l(e){this.#e.value=e;for(let t of this.#t)t(e)}#u(e,t){this.#l(this.#e.value.map(n=>n.id===e?{...n,...t}:n))}},Ei=new WeakMap,Di=new WeakMap,Oi=(e,t)=>{Di.set(e,t),Ei.get(e)?.bind(t)};function ki(e,t){return e.actions?.length?o`
|
|
1369
|
+
`},styles:[q,ei]});function ni(){return crypto.randomUUID()}var ri=`@layer refine.base{:host{--_position:var(--toast-position,fixed);--_inset-top:var(--toast-inset-top,auto);--_inset-bottom:var(--toast-inset-bottom,1rem);--_inset-right:var(--toast-inset-right,1rem);--_inset-left:var(--toast-inset-left,auto);--_z-index:var(--toast-z-index,var(--z-toast));--_max-width:var(--toast-max-width,400px);--_gap:var(--toast-gap,.5rem);position:var(--_position);inset:var(--_inset-top) var(--_inset-right) var(--_inset-bottom) var(--_inset-left);z-index:var(--_z-index);gap:var(--_gap);max-width:var(--_max-width);pointer-events:none;flex-direction:column;display:flex}:host([position=top-left]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-left:1rem;--_inset-right:auto}:host([position=top-center]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-left:50%;--_inset-right:auto;transform:translate(-50%)}:host([position=top-right]){--_inset-top:1rem;--_inset-bottom:auto;--_inset-right:1rem;--_inset-left:auto}:host([position=bottom-left]){--_inset-bottom:1rem;--_inset-left:1rem;--_inset-right:auto;--_inset-top:auto}:host([position=bottom-center]){--_inset-bottom:1rem;--_inset-left:50%;--_inset-right:auto;--_inset-top:auto;transform:translate(-50%)}:host([position=bottom-right]){--_inset-bottom:1rem;--_inset-right:1rem;--_inset-left:auto;--_inset-top:auto}.toast-container{perspective:1200px;perspective-origin:50%;transition:row-gap var(--transition-normal);grid-template-rows:1fr;grid-template-columns:1fr;row-gap:0;display:grid}.toast-live-region{display:contents}:host(.hovered) .toast-container{row-gap:var(--_gap)}:host(:not(.hovered)) .toast-wrapper{grid-area:1/1;align-self:end}:host([position^=top]:not(.hovered)) .toast-wrapper{align-self:start}.toast-wrapper{pointer-events:auto;touch-action:pan-y;position:relative}:host(:not(.hovered)) .toast-wrapper:last-child{z-index:3;transform:translateY(0)scale(1)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(2){z-index:2;pointer-events:none;transform:translateY(-8px)scale(.95)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(3){z-index:1;pointer-events:none;transform:translateY(-14px)scale(.9)}:host(:not(.hovered)) .toast-wrapper:nth-last-child(n+4){visibility:hidden;pointer-events:none}:host([position^=top]) .toast-wrapper{transform-origin:top}:host([position^=top]:not(.hovered)) .toast-wrapper:nth-last-child(2){transform:translateY(8px)scale(.95)}:host([position^=top]:not(.hovered)) .toast-wrapper:nth-last-child(3){transform:translateY(14px)scale(.9)}:host(.hovered) .toast-wrapper{z-index:auto;visibility:visible;pointer-events:auto;grid-area:auto/1;align-self:stretch;transform:none}:host(.hovered) .toast-wrapper:nth-last-child(2){transition-delay:var(--duration-75)}:host(.hovered) .toast-wrapper:nth-last-child(3){transition-delay:var(--duration-100)}:host(.hovered) .toast-wrapper:nth-last-child(n+4){transition-delay:var(--duration-150)}.toast-inner{opacity:1;transition:opacity var(--toast-exit-duration,.3s) var(--ease-out);position:relative}.toast-inner.entering{opacity:0;transition:none}.toast-inner.exiting{pointer-events:none;opacity:0}ore-alert,::slotted(ore-alert){--_motion-animation:none;width:100%;box-shadow:var(--shadow-lg);margin:0}.toast-actions{gap:var(--size-4);justify-content:flex-end;display:flex}@media (width<=480px){:host{--_max-width:calc(100vw - var(--size-4));--_inset-right:var(--size-2);--_inset-left:var(--size-2)}:host([position=top-center]){--_inset-left:var(--size-2);transform:none}:host([position=top-center]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-2)}:host([position=top-center]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([position=bottom-center]){--_inset-left:var(--size-2);transform:none}:host([position=bottom-center]):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-2)}:host([position=bottom-center]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}}}`,ii=300,ai=class{#e=D([]);#t=new Set;#n=new Set;#r=!1;#i=5;add(e){if(this.#r)return e.id??ni();let t=e.id??ni(),n=this.#e.value.filter(e=>e.phase!==`exiting`),r=n.length-(this.#i-1);if(r>0)for(let e of n.slice(0,r))this.dismiss(e.id);let i={dismissible:!0,duration:5e3,...e,exitTimeoutId:null,id:t,phase:`entering`,timer:null};return this.#l([...this.#e.value,i]),this.#o({id:t,type:`add`}),requestAnimationFrame(()=>{this.#s(t)?.phase===`entering`&&this.#u(t,{phase:`active`})}),i.duration>0&&this.#c(t,i.duration),t}clear(){for(let e of this.#e.value)e.phase!==`exiting`&&this.dismiss(e.id)}dispose(){if(!this.#r){this.#r=!0;for(let e of this.#e.value)e.timer&&clearTimeout(e.timer.timeoutId),e.exitTimeoutId&&clearTimeout(e.exitTimeoutId);this.#l([]),this.#t.clear(),this.#n.clear()}}dismiss(e){let t=this.#s(e);!t||t.phase===`exiting`||this.#r||(this.#u(e,{...this.#a(t),phase:`exiting`}),this.scheduleFinalization(e,350))}finalize(e){let t=this.#s(e);!t||this.#r||(t.timer&&clearTimeout(t.timer.timeoutId),t.exitTimeoutId&&clearTimeout(t.exitTimeoutId),this.#l(this.#e.value.filter(t=>t.id!==e)),t.onDismiss?.(),this.#o({id:e,type:`dismiss`}))}pauseTimers(){this.#r||this.#l(this.#e.value.map(e=>e.timer?(clearTimeout(e.timer.timeoutId),{...e,timer:{...e.timer,remaining:Math.max(0,e.timer.remaining-(Date.now()-e.timer.startedAt))}}):e))}resumeTimers(){if(!this.#r)for(let e of this.#e.value)e.phase===`active`&&e.timer&&e.timer.remaining>0&&this.#c(e.id,e.timer.remaining)}scheduleFinalization(e,t){let n=this.#s(e);if(n?.phase!==`exiting`||this.#r)return;n.exitTimeoutId&&clearTimeout(n.exitTimeoutId);let r=setTimeout(()=>this.finalize(e),t);this.#u(e,{exitTimeoutId:r})}setMax(e){e!=null&&(this.#i=Math.max(1,e))}subscribe(e){return e(this.#e.value),this.#t.add(e),()=>this.#t.delete(e)}subscribeEvents(e){return this.#n.add(e),()=>this.#n.delete(e)}update(e,t){let n=this.#s(e);if(!n||this.#r)return;let r=t.duration===void 0?n:this.#a(n);this.#u(e,{...r,...t,id:e}),t.duration!==void 0&&t.duration>0&&this.#c(e,t.duration)}#a(e){return e.timer&&clearTimeout(e.timer.timeoutId),{...e,timer:null}}#o(e){for(let t of this.#n)t(e)}#s(e){return this.#e.value.find(t=>t.id===e)}#c(e,t){if(t<=0||this.#r)return;let n=setTimeout(()=>this.dismiss(e),t);this.#u(e,{timer:{remaining:t,startedAt:Date.now(),timeoutId:n}})}#l(e){this.#e.value=e;for(let t of this.#t)t(e)}#u(e,t){this.#l(this.#e.value.map(n=>n.id===e?{...n,...t}:n))}},oi=new WeakMap,si=new WeakMap,ci=(e,t)=>{si.set(e,t),oi.get(e)?.bind(t)};function li(e,t){return e.actions?.length?o`
|
|
1376
1370
|
<div slot="actions" class="toast-actions">
|
|
1377
1371
|
${e.actions.map(n=>o`
|
|
1378
1372
|
<ore-button
|
|
@@ -1384,7 +1378,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1384
1378
|
</ore-button>
|
|
1385
1379
|
`)}
|
|
1386
1380
|
</div>
|
|
1387
|
-
`:``}var
|
|
1381
|
+
`:``}var ui=`ore-toast`;i(ui,{props:{max:m.number(5),position:m.oneOf([`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`],`bottom-right`)},setup(){let e=a(),t=b(),n=g(),r=D([]),i=D(!1),s=D(!1),c=T(()=>i.value||s.value),l=new Map,d=new Map,f=new Set,m=null,h=()=>{},_=()=>{},v=e=>(e instanceof Event?e.currentTarget:e).querySelector(`.toast-inner`),y=e=>{d.get(e)?.(),d.delete(e)},x=e=>{f.delete(e),m?.finalize(e)},S=e=>{let t=()=>r.value.find(t=>t.id===e)?.dismissible??!0;return Qt({axis:()=>`x`,captureTarget:()=>null,disabled:{peek:()=>!t(),subscribe:e=>r.subscribe(e),get value(){return!t()}},onCancel:({event:e})=>{let t=v(e);t&&(t.style.transition=``,t.style.transform=``,t.style.opacity=``)},onCommit:({distance:t,event:n})=>{let r=v(n);if(!r||!m)return;f.add(e),m.dismiss(e);let i=()=>x(e);if(window.matchMedia(`(prefers-reduced-motion: reduce)`).matches){r.style.opacity=`0`,i();return}let a=t>=0?1:-1;r.style.transition=`transform 0.22s ease-out, opacity 0.22s ease-out`,r.offsetWidth,r.style.transform=`translateX(${a*120}%)`,r.style.opacity=`0`;let o=e=>{e.target===r&&e.propertyName===`transform`&&(r.removeEventListener(`transitionend`,o),i())};r.addEventListener(`transitionend`,o),m.scheduleFinalization(e,300)},onMove:({distance:e,event:t})=>{let n=v(t);n&&(n.style.transition=`none`,n.style.transform=`translateX(${e}px)`,n.style.opacity=String(Math.max(0,1-Math.abs(e)/200)))},onRelease:({event:e})=>{let t=v(e);t&&(t.style.transition=``,t.style.transform=``,t.style.opacity=``)}})},C=e=>{!m||d.has(e)||f.has(e)||requestAnimationFrame(()=>{if(!m||d.has(e)||f.has(e))return;let t=n.value?.querySelector(`[data-toast-id="${e}"] .toast-inner`);if(!t){m.scheduleFinalization(e,ii);return}t.offsetHeight;let r=parseFloat(getComputedStyle(t).transitionDuration)*1e3,i=Number.isFinite(r)&&r>0?r:ii,a=t=>{t.target?.closest?.(`[data-toast-id="${e}"]`)&&(y(e),m?.finalize(e))};d.set(e,()=>n.value?.removeEventListener(`transitionend`,a)),n.value?.addEventListener(`transitionend`,a),m.scheduleFinalization(e,i+50)})};k(r,()=>{let e=new Set(r.value.map(e=>e.id));for(let[t,n]of l)e.has(t)||(n.dispose(),l.delete(t),y(t),f.delete(t));for(let e of r.value)l.has(e.id)||l.set(e.id,S(e.id)),e.phase===`exiting`&&C(e.id)}),k(c,e=>{e?m?.pauseTimers():m?.resumeTimers()});let w=e=>{m!==e&&(h(),_(),m=e,h=m.subscribe(e=>{r.value=e}),_=m.subscribeEvents(e=>t(e.type,{id:e.id})),c.value&&m.pauseTimers())},E=e=>{let t=()=>m?.dismiss(e.id);return o`
|
|
1388
1382
|
<div
|
|
1389
1383
|
class="toast-wrapper"
|
|
1390
1384
|
data-toast-id=${e.id}
|
|
@@ -1406,40 +1400,195 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1406
1400
|
${e.meta?o`
|
|
1407
1401
|
<span slot="meta">${e.meta}</span>
|
|
1408
1402
|
`:``}
|
|
1409
|
-
${e.message} ${
|
|
1403
|
+
${e.message} ${li(e,t)}
|
|
1410
1404
|
</ore-alert>
|
|
1411
1405
|
</div>
|
|
1412
1406
|
</div>
|
|
1413
|
-
`};p(()=>{
|
|
1414
|
-
<div
|
|
1415
|
-
class="toast-container"
|
|
1416
|
-
ref=${n}
|
|
1417
|
-
@pointerenter=${()=>{i.value=!0,e.classList.add(`hovered`)}}
|
|
1418
|
-
@pointerleave=${()=>{i.value=!1,e.classList.remove(`hovered`)}}
|
|
1419
|
-
@focusin=${()=>{s.value=!0}}
|
|
1420
|
-
@focusout=${()=>{s.value=!1}}
|
|
1421
|
-
part="container">
|
|
1407
|
+
`};p(()=>{oi.set(e,{bind:w,unbind(){h(),_(),m=null,r.value=[]}});let t=si.get(e);t&&w(t)}),u(()=>{oi.get(e)?.unbind(),oi.delete(e);for(let e of l.values())e.dispose();for(let e of d.keys())y(e)});let O=e=>e.urgency??(e.color===`error`?`assertive`:`polite`),A=T(()=>r.value.filter(e=>O(e)===`polite`)),j=T(()=>r.value.filter(e=>O(e)===`assertive`));return o`
|
|
1408
|
+
<div
|
|
1409
|
+
class="toast-container"
|
|
1410
|
+
ref=${n}
|
|
1411
|
+
@pointerenter=${()=>{i.value=!0,e.classList.add(`hovered`)}}
|
|
1412
|
+
@pointerleave=${()=>{i.value=!1,e.classList.remove(`hovered`)}}
|
|
1413
|
+
@focusin=${()=>{s.value=!0}}
|
|
1414
|
+
@focusout=${()=>{s.value=!1}}
|
|
1415
|
+
part="container">
|
|
1416
|
+
<div
|
|
1417
|
+
role="region"
|
|
1418
|
+
aria-live="polite"
|
|
1419
|
+
aria-relevant="additions removals"
|
|
1420
|
+
aria-atomic="false"
|
|
1421
|
+
aria-label="Notifications"
|
|
1422
|
+
class="toast-live-region">
|
|
1423
|
+
${()=>A.value.map(E)}
|
|
1424
|
+
</div>
|
|
1425
|
+
<div
|
|
1426
|
+
role="region"
|
|
1427
|
+
aria-live="assertive"
|
|
1428
|
+
aria-relevant="additions removals"
|
|
1429
|
+
aria-atomic="false"
|
|
1430
|
+
aria-label="Critical notifications"
|
|
1431
|
+
class="toast-live-region">
|
|
1432
|
+
${()=>j.value.map(E)}
|
|
1433
|
+
</div>
|
|
1434
|
+
<slot></slot>
|
|
1435
|
+
</div>
|
|
1436
|
+
`},styles:[q,ri]});var di=new WeakMap;function fi(e=document.body){let t=di.get(e);if(t)return t;let n=new ai,r=new AbortController,i=!1,a=!1,o=null,s=null,c=()=>!i,l=e,u=()=>{if(!c())return null;if(s?.isConnected)return s;if(s=l.querySelector(ui),s||(s=document.createElement(ui),o?.position&&s.setAttribute(`position`,o.position),o?.max!=null&&s.setAttribute(`max`,String(o.max)),l.appendChild(s)),o?.max!=null)n.setMax(o.max);else{let e=Number(s.getAttribute(`max`));Number.isFinite(e)&&e>0&&n.setMax(e)}return o=null,a=!0,ci(s,n),s},d=()=>!!u(),f={add(e){return d()?n.add(e):e.id??ni()},clear(){d()&&n.clear()},configure(e){a||(o={...o,...e})},dismiss(e){d()&&n.dismiss(e)},get disposalSignal(){return r.signal},dispose(){i||(i=!0,r.abort(),n.dispose(),di.get(e)===f&&di.delete(e))},get disposed(){return i},error(e,t){return f.add({color:`error`,...t,message:e})},info(e,t){return f.add({color:`info`,...t,message:e})},async promise(e,t){let n=f.add({color:`primary`,dismissible:!1,duration:0,message:t.loading});try{let r=await e;return f.update(n,{color:`success`,dismissible:!0,duration:5e3,message:typeof t.success==`function`?t.success(r):t.success}),r}catch(e){throw f.update(n,{color:`error`,dismissible:!0,duration:5e3,message:typeof t.error==`function`?t.error(e):t.error}),e}},success(e,t){return f.add({color:`success`,...t,message:e})},[Symbol.dispose](){f.dispose()},update(e,t){d()&&n.update(e,t)},warning(e,t){return f.add({color:`warning`,...t,message:e})}};return di.set(e,f),f}var pi=fi(),mi=`@layer refine.base{:host{--_dot-color:var(--typing-indicator-color,var(--_theme-base,var(--color-contrast-400)));align-items:center;display:inline-flex}.dots{gap:var(--_gap);align-items:center;display:inline-flex}.dot{width:var(--_size);height:var(--_size);background:var(--_dot-color);animation:var(--_motion-animation,typing-indicator-bounce 1.2s ease-in-out infinite);border-radius:50%;display:inline-block}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes typing-indicator-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-35%)}}}`,hi=`ore-typing-indicator`;i(hi,{props:{...H,...U,label:m.string(`Typing…`)},setup(e){return k(()=>e.label.value,e=>dt(e??``),{immediate:!0}),o`
|
|
1437
|
+
<span class="dots" part="dots" aria-hidden="true">
|
|
1438
|
+
<span class="dot" part="dot"></span>
|
|
1439
|
+
<span class="dot" part="dot"></span>
|
|
1440
|
+
<span class="dot" part="dot"></span>
|
|
1441
|
+
</span>
|
|
1442
|
+
`},styles:[X,q,Y({lg:{gap:`var(--typing-indicator-gap, var(--size-1-5))`,size:`var(--typing-indicator-size, var(--size-2-5))`},md:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-2))`},sm:{gap:`var(--typing-indicator-gap, var(--size-1))`,size:`var(--typing-indicator-size, var(--size-1-5))`}}),mi]});var gi=V({ALERT_TAG:()=>Gr,ASYNC_TAG:()=>qr,BADGE_TAG:()=>Yr,CHIP_TAG:()=>Zr,PASSWORD_STRENGTH_TAG:()=>$r,PROGRESS_TAG:()=>Sn,SKELETON_TAG:()=>ti,TOAST_TAG:()=>ui,TYPING_INDICATOR_TAG:()=>hi,createToastService:()=>fi,toast:()=>pi}),_i=`@layer refine.base{:host{--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--calendar-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--calendar-day-outside-opacity,.35);--_bg:var(--calendar-bg,var(--color-canvas));--_border-color:var(--calendar-border-color,var(--color-contrast-200));--_radius:var(--calendar-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-base));--_day-today-color:var(--calendar-day-today-color,var(--_theme-base))}.calendar{gap:var(--size-2);min-width:18rem;padding:var(--size-3);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--calendar-shadow,var(--shadow-md));flex-direction:column;display:flex}:host([fullwidth]) .calendar{min-width:0}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover:not(:disabled){color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover:not(:disabled){background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn:disabled{cursor:not-allowed;opacity:.5}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{gap:var(--size-0-5);min-width:0;height:var(--size-10);color:var(--color-contrast-800);flex-direction:column;overflow:hidden}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-dots{margin-top:var(--size-0-5);justify-content:center;align-items:center;gap:2px;display:flex}.cal-dot{--badge-bg:var(--_day-selected-bg);--badge-border-color:var(--_day-selected-bg)}.cal-dot-overflow{font-size:8px;font-weight:var(--font-semibold);color:var(--color-contrast-500);line-height:1}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}:host([expanded]){width:100%;display:block}:host([expanded]) .calendar{width:100%;min-width:0;padding:0;overflow:hidden}:host([expanded]) .cal-header{padding:var(--size-3) var(--size-4)}:host([expanded]) .cal-label-btn{font-size:var(--text-base)}:host([expanded]) .cal-grid{gap:0}:host([expanded]) .cal-grid-days{border-top:var(--border) solid var(--_border-color);gap:0}:host([expanded]) .cal-cell{border-radius:0}:host([expanded]) .cal-cell-head{height:var(--size-9);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day{height:auto;min-height:var(--calendar-expanded-cell-height,var(--size-28));aspect-ratio:auto;padding:var(--size-2);font-size:var(--text-sm);vertical-align:top;border-bottom:var(--border) solid var(--_border-color);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;position:relative}:host([expanded]) .cal-cell-day:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:nth-child(7n):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:none}:host([expanded]) .cal-cell-day:nth-child(7n):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([expanded]) .cal-cell-day:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 6%, transparent)}:host([expanded]) .cal-cell-day[data-selected]{color:inherit;background:0 0}:host([expanded]) .cal-cell-day[data-selected]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-selected-bg);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today]{font-weight:inherit;color:inherit}:host([expanded]) .cal-cell-day[data-today]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-today-color);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today][data-selected]:before{background:var(--_day-selected-bg)}:host([expanded]) .cal-events{width:100%;margin-top:var(--size-4);flex-direction:column;gap:2px;display:flex;overflow:hidden}:host([expanded]) .cal-event-pill{--badge-max-width:100%;max-width:100%}:host([expanded]) .cal-event-pill-overflow{padding-inline:var(--size-1);font-size:10px;font-weight:var(--font-semibold);color:var(--color-contrast-500)}:host([expanded]) .cal-dots{display:none}:host([expanded]) .cal-cell-day[data-outside]{background:color-mix(in oklch, var(--color-contrast-900) 2%, transparent)}:host([expanded]) .cal-grid-months,:host([expanded]) .cal-grid-years{gap:var(--size-2);min-height:0;padding:var(--size-4)}:host([expanded]) .cal-cell-month,:host([expanded]) .cal-cell-year{min-height:var(--size-16);font-size:var(--text-base);border:var(--border) solid var(--_border-color);border-radius:var(--rounded-lg)}:host([expanded]) .cal-cell-month[data-selected],:host([expanded]) .cal-cell-year[data-selected]{border-color:#0000}:host(.is-disabled) .calendar{pointer-events:none;opacity:.6}@media (prefers-reduced-motion:reduce){.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,vi=`ore-calendar`,yi=3;i(vi,{formAssociated:!0,props:{...H,...U,...W,...G,events:m.json([]),expanded:m.bool(!1),fullwidth:m.bool(!1),locale:m.string(),max:m.string(),min:m.string(),name:m.string(),required:m.bool(!1),value:m.string(),"weekend-days":m.json([])},setup(t){let n=b(),r=T(()=>t.disabled.value===!0),i=T(()=>t.expanded.value===!0),a=D(void 0),s=T(()=>a.value===void 0?At(t.value.value):a.value),c=Ft({get locale(){return t.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return At(t.max.value)},get min(){return At(t.min.value)},onChange(e){a.value=e,l.value=`day`,u.value=c.displayYear(),d.value=c.displayMonth(),n(`change`,{isoValue:jt(e)})},get value(){return s.value},get weekendDays(){return t[`weekend-days`].value??[]}}),l=D(`day`),u=D(c.displayYear()),d=D(c.displayMonth());x({disabled:r,toFormValue:e=>e||null,value:T(()=>jt(s.value)??``)});let f=T(()=>{let e=new Map;for(let n of t.events.value??[]){let t=e.get(n.date)??[];t.push(n),e.set(n.date,t)}return e}),p=T(()=>(u.value,d.value,s.value,c.dayCells())),m=T(()=>(u.value,c.monthCells())),h=T(()=>(u.value,c.yearCells())),g=T(()=>c.weekdayLabels()),_=T(()=>{let e=j.PlainDate.from({day:1,month:d.value,year:u.value}),n=t.locale.value??(typeof navigator<`u`?navigator.language:`en`);return M(e,{intl:{month:`long`},locale:n,timeZone:`UTC`})}),y=T(()=>String(u.value)),S=T(()=>`${_.value} ${y.value}`);function C(){l.value===`day`?c.prevMonth():c.prevYear(),u.value=c.displayYear(),d.value=c.displayMonth()}function w(){l.value===`day`?c.nextMonth():c.nextYear(),u.value=c.displayYear(),d.value=c.displayMonth()}function E(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(l.value)+1)%e.length];c.setView(t),l.value=t}function O(e){r.value||(c.goTo(c.displayYear(),e),c.setView(`day`),u.value=c.displayYear(),d.value=c.displayMonth(),l.value=`day`)}function k(e){r.value||(c.goTo(e,c.displayMonth()),c.setView(`month`),u.value=c.displayYear(),l.value=`month`)}function A(e){if(r.value)return;let t=At(e);t&&c.select(t)}function N(e){let t=e.currentTarget,n=t.closest(`.cal-grid-days`);if(!n)return;let r=Array.from(n.querySelectorAll(`.cal-cell-day`)),i=r.indexOf(t);if(i===-1)return;let a;if(e.key===`Enter`||e.key===` `){e.preventDefault(),A(t.dataset.iso??``);return}if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function P(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}return e({attr:{"aria-disabled":()=>r.value?`true`:null,"aria-label":()=>S.value,role:`group`},class:{"is-disabled":r}}),o`
|
|
1443
|
+
<div class="calendar" part="calendar" role="presentation">
|
|
1444
|
+
<!-- Header -->
|
|
1445
|
+
<div class="cal-header" part="header">
|
|
1446
|
+
<button class="nav-btn" type="button" aria-label="Previous" ?disabled="${r}" @click="${C}">
|
|
1447
|
+
<ore-icon name="chevron-left" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1448
|
+
</button>
|
|
1449
|
+
|
|
1450
|
+
<button
|
|
1451
|
+
class="cal-label-btn"
|
|
1452
|
+
type="button"
|
|
1453
|
+
aria-label="${()=>`Switch to ${l.value===`day`?`month`:l.value===`month`?`year`:`day`} view`}"
|
|
1454
|
+
?disabled="${r}"
|
|
1455
|
+
@click="${E}">
|
|
1456
|
+
<span class="cal-label-month">${_}</span>
|
|
1457
|
+
<span class="cal-label-sep" aria-hidden="true">/</span>
|
|
1458
|
+
<span class="cal-label-year">${y}</span>
|
|
1459
|
+
</button>
|
|
1460
|
+
|
|
1461
|
+
<button class="nav-btn" type="button" aria-label="Next" ?disabled="${r}" @click="${w}">
|
|
1462
|
+
<ore-icon name="chevron-right" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1463
|
+
</button>
|
|
1464
|
+
</div>
|
|
1465
|
+
|
|
1466
|
+
<!-- Day view -->
|
|
1467
|
+
<div
|
|
1468
|
+
class="cal-grid cal-grid-days"
|
|
1469
|
+
role="grid"
|
|
1470
|
+
part="grid"
|
|
1471
|
+
aria-label="${()=>S.value}"
|
|
1472
|
+
?hidden="${()=>l.value!==`day`}">
|
|
1473
|
+
<div role="row" class="cal-grid-row">
|
|
1474
|
+
${()=>g.value.map(e=>o`
|
|
1475
|
+
<div class="cal-cell cal-cell-head" role="columnheader" aria-label="${e}">${e}</div>
|
|
1476
|
+
`)}
|
|
1477
|
+
</div>
|
|
1478
|
+
${()=>{let e=p.value,t=[];for(let n=0;n<e.length;n+=7)t.push(e.slice(n,n+7));return t.map(e=>o`
|
|
1479
|
+
<div role="row" class="cal-grid-row">
|
|
1480
|
+
${e.map(e=>o`
|
|
1481
|
+
<div
|
|
1482
|
+
class="cal-cell cal-cell-day"
|
|
1483
|
+
role="gridcell"
|
|
1484
|
+
part="day"
|
|
1485
|
+
aria-selected="${()=>String(e.isSelected)}"
|
|
1486
|
+
aria-disabled="${()=>String(e.isDisabled||r.value)}"
|
|
1487
|
+
aria-current="${()=>e.isToday?`date`:null}"
|
|
1488
|
+
?data-selected="${()=>e.isSelected}"
|
|
1489
|
+
?data-today="${()=>e.isToday}"
|
|
1490
|
+
?data-outside="${()=>e.isOutsideMonth}"
|
|
1491
|
+
?data-disabled="${()=>e.isDisabled||r.value}"
|
|
1492
|
+
data-iso="${e.iso}"
|
|
1493
|
+
data-day="${String(e.day)}"
|
|
1494
|
+
tabindex="${()=>e.isDisabled||r.value?`-1`:`0`}"
|
|
1495
|
+
@click="${()=>A(e.iso)}"
|
|
1496
|
+
@keydown="${N}">
|
|
1497
|
+
${String(e.day)}
|
|
1498
|
+
${()=>{let t=f.value.get(e.iso)??[];if(!t.length)return o``;let n=t.slice(0,yi),r=t.length-yi;if(i.value){let e=r>0?o`<span class="cal-event-pill-overflow" aria-hidden="true"
|
|
1499
|
+
>+${r} more</span
|
|
1500
|
+
>`:o``;return o`
|
|
1501
|
+
<div
|
|
1502
|
+
class="cal-events"
|
|
1503
|
+
aria-label="${()=>`${t.length} event${t.length>1?`s`:``}`}">
|
|
1504
|
+
${n.map(e=>o`
|
|
1505
|
+
<ore-badge
|
|
1506
|
+
class="cal-event-pill"
|
|
1507
|
+
size="xs"
|
|
1508
|
+
rounded="sm"
|
|
1509
|
+
aria-label="${e.label}"
|
|
1510
|
+
style="${v({"--badge-bg":e.color,"--badge-border-color":e.color})}">
|
|
1511
|
+
${e.label}
|
|
1512
|
+
</ore-badge>
|
|
1513
|
+
`)}
|
|
1514
|
+
${e}
|
|
1515
|
+
</div>
|
|
1516
|
+
`}return o`
|
|
1517
|
+
<div
|
|
1518
|
+
class="cal-dots"
|
|
1519
|
+
aria-label="${()=>`${t.length} event${t.length>1?`s`:``}`}">
|
|
1520
|
+
${n.map(e=>o`
|
|
1521
|
+
<ore-badge
|
|
1522
|
+
class="cal-dot"
|
|
1523
|
+
dot
|
|
1524
|
+
size="xs"
|
|
1525
|
+
aria-hidden="true"
|
|
1526
|
+
style="${v({"--badge-bg":e.color,"--badge-border-color":e.color})}"></ore-badge>
|
|
1527
|
+
`)}
|
|
1528
|
+
${r>0?o`
|
|
1529
|
+
<span class="cal-dot-overflow" aria-hidden="true">+${r}</span>
|
|
1530
|
+
`:o``}
|
|
1531
|
+
</div>
|
|
1532
|
+
`}}
|
|
1533
|
+
</div>
|
|
1534
|
+
`)}
|
|
1535
|
+
</div>
|
|
1536
|
+
`)}}
|
|
1537
|
+
</div>
|
|
1538
|
+
|
|
1539
|
+
<!-- Month view -->
|
|
1422
1540
|
<div
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
aria-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1541
|
+
class="cal-grid cal-grid-months"
|
|
1542
|
+
role="grid"
|
|
1543
|
+
aria-label="${()=>y.value}"
|
|
1544
|
+
?hidden="${()=>l.value!==`month`}">
|
|
1545
|
+
${()=>{let e=m.value,t=[];for(let n=0;n<e.length;n+=4)t.push(e.slice(n,n+4));return t.map(e=>o`
|
|
1546
|
+
<div role="row">
|
|
1547
|
+
${e.map(e=>o`
|
|
1548
|
+
<div
|
|
1549
|
+
class="cal-cell cal-cell-month"
|
|
1550
|
+
role="gridcell"
|
|
1551
|
+
aria-selected="${()=>String(e.isSelected)}"
|
|
1552
|
+
aria-disabled="${()=>String(e.isDisabled||r.value)}"
|
|
1553
|
+
?data-selected="${()=>e.isSelected}"
|
|
1554
|
+
?data-disabled="${()=>e.isDisabled||r.value}"
|
|
1555
|
+
tabindex="${()=>e.isDisabled||r.value?`-1`:`0`}"
|
|
1556
|
+
@click="${()=>O(e.month)}"
|
|
1557
|
+
@keydown="${t=>P(t,`.cal-cell-month`,4,()=>O(e.month))}">
|
|
1558
|
+
${e.shortLabel}
|
|
1559
|
+
</div>
|
|
1560
|
+
`)}
|
|
1561
|
+
</div>
|
|
1562
|
+
`)}}
|
|
1430
1563
|
</div>
|
|
1564
|
+
|
|
1565
|
+
<!-- Year view -->
|
|
1431
1566
|
<div
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
aria-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1567
|
+
class="cal-grid cal-grid-years"
|
|
1568
|
+
role="grid"
|
|
1569
|
+
aria-label="Select year"
|
|
1570
|
+
?hidden="${()=>l.value!==`year`}">
|
|
1571
|
+
${()=>{let e=h.value,t=[];for(let n=0;n<e.length;n+=4)t.push(e.slice(n,n+4));return t.map(e=>o`
|
|
1572
|
+
<div role="row">
|
|
1573
|
+
${e.map(e=>o`
|
|
1574
|
+
<div
|
|
1575
|
+
class="cal-cell cal-cell-year"
|
|
1576
|
+
role="gridcell"
|
|
1577
|
+
aria-selected="${()=>String(e.isSelected)}"
|
|
1578
|
+
aria-disabled="${()=>String(e.isDisabled||r.value)}"
|
|
1579
|
+
?data-selected="${()=>e.isSelected}"
|
|
1580
|
+
?data-disabled="${()=>e.isDisabled||r.value}"
|
|
1581
|
+
tabindex="${()=>e.isDisabled||r.value?`-1`:`0`}"
|
|
1582
|
+
@click="${()=>k(e.year)}"
|
|
1583
|
+
@keydown="${t=>P(t,`.cal-cell-year`,4,()=>k(e.year))}">
|
|
1584
|
+
${String(e.year)}
|
|
1585
|
+
</div>
|
|
1586
|
+
`)}
|
|
1587
|
+
</div>
|
|
1588
|
+
`)}}
|
|
1439
1589
|
</div>
|
|
1440
|
-
<slot></slot>
|
|
1441
1590
|
</div>
|
|
1442
|
-
`},
|
|
1591
|
+
`},shadow:{delegatesFocus:!0},styles:[X,q,_i]});var bi=`@layer refine.base{:host{display:block}fieldset{border:none;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);padding:0}legend[hidden]{display:none}.checkbox-group-items{flex-direction:var(--checkbox-group-direction,column);gap:var(--checkbox-group-gap,var(--size-2));display:flex}.helper-text[hidden]{display:none}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}.error-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-error);padding-left:2px;padding-right:2px}}@layer refine.variants{:host([orientation=horizontal]) .checkbox-group-items{--checkbox-group-direction:row;flex-wrap:wrap}}`,xi=t(`CheckboxGroupContext`),Si=`ore-checkbox-group`;i(Si,{formAssociated:!0,props:{...H,...U,...W,error:m.string(),helper:m.string(),label:m.string(),name:m.string(),orientation:m.string(`vertical`),required:m.bool(!1),values:{...m.string(),reflect:!1}},setup(t){let r=a(),i=b(),s=S(),c=C,l=Dt({disabled:t.disabled,error:t.error,helper:t.helper,multiple:D(!0),prefix:`checkbox-group`,required:t.required,signal:Z(u),value:t.values});l.attachFormField(x({disabled:l.disabled,onReset:l.reset,toFormValue:e=>e,validationMessage:l.validationMessage,validity:l.validity,value:l.formValue}));let d=l.selectedValues,f=()=>Lt(r,`ore-checkbox`),p=e=>Rt(f(),e),m=e=>{let t=d.value,n=t.map(p);i(`change`,{labels:n,originalEvent:e,values:t})},g=(e,t)=>{l.toggleValue(e),l.triggerValidation(`change`),m(t)};h(xi,{color:t.color,disabled:T(()=>!!t.disabled.value),size:t.size,toggle:g,values:d});let _=()=>{let e=d.value,n=t.color.value,r=t.size.value,i=t.disabled.value,a=f();for(let t of a){let a=t.getAttribute(`value`)??``;t.toggleAttribute(`checked`,e.includes(a)),n?t.setAttribute(`color`,n):t.removeAttribute(`color`),r?t.setAttribute(`size`,r):t.removeAttribute(`size`),t.toggleAttribute(`disabled`,!!i)}};c(()=>{s.elements().value,_()}),c(()=>{s.elements().value;let e=f().map(e=>{let t=t=>{t.stopPropagation();let n=(e.getAttribute(`value`)??``).trim();n&&g(n,t)};return e.addEventListener(`change`,t),()=>{e.removeEventListener(`change`,t)}});return()=>{for(let t of e)t()}});let v=n(`checkbox-group-legend`),y=`${v}-error`,E=`${v}-helper`,O=()=>!!t.error.value,k=()=>!!t.helper.value&&!O();return e({attr:{size:t.size,values:l.formValue}}),o`
|
|
1443
1592
|
<fieldset
|
|
1444
1593
|
role="group"
|
|
1445
1594
|
aria-required="${()=>String(!!t.required.value)}"
|
|
@@ -1457,7 +1606,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1457
1606
|
<div class="error-text" id="${y}" role="alert" ?hidden=${()=>!O()}>${t.error}</div>
|
|
1458
1607
|
<div class="helper-text" id="${E}" ?hidden=${()=>!k()}>${t.helper}</div>
|
|
1459
1608
|
</fieldset>
|
|
1460
|
-
`},styles:[
|
|
1609
|
+
`},styles:[He,bi]});var Ci=(e,t,n)=>{Object.defineProperty(e,"checked",{configurable:!0,enumerable:!0,get:t,set:n})},wi=(e,t,n)=>{Object.defineProperty(e,"value",{configurable:!0,enumerable:!0,get:t,set:n})},Q=(e,t)=>{e.dispatchEvent(new Event(t,{bubbles:!0,composed:!0}))},Ti=(e,t)=>{e.checked=t},$=(e,t)=>{e.value=t},Ei=`@layer refine.base{:host{--_size:var(--checkbox-size,var(--size-5));--_radius:var(--checkbox-radius,var(--rounded-lg));--_font-size:var(--checkbox-font-size,var(--text-sm));--_bg:var(--checkbox-bg,var(--color-contrast-200));--_border:var(--checkbox-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.checkbox-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.box{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);border-radius:var(--_radius);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);position:relative}:host(:focus-visible) .box{box-shadow:var(--_focus-shadow)}.checkmark,.dash{color:var(--_icon-color);opacity:0;transition:opacity var(--transition-spring), transform var(--transition-spring);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.checkmark::part(svg),.dash::part(svg){width:calc(var(--_size) * .6);height:calc(var(--_size) * .6);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--checkbox-checked-bg,var(--_theme-base));--_icon-color:var(--checkbox-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .box,:host([indeterminate]) .box{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .checkmark,:host([indeterminate]:not([checked])) .dash{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,Di=`ore-checkbox`;i(Di,{formAssociated:!0,props:{...H,...U,...W,checked:m.bool(!1),error:m.string(),helper:m.string(),indeterminate:m.bool(!1),name:m.string(),required:m.bool(!1),value:m.string(`on`)},setup(e){let t=a(),n=s(xi),r=Tt({checked:e.checked,clearIndeterminateFirst:!0,disabled:T(()=>e.disabled.value||!!n?.disabled.value),error:e.error,group:n,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{r.triggerValidation(`change`),Ti(t,e.checked),!n&&(Q(t,`input`),Q(t,`change`))},prefix:`checkbox`,required:e.required,signal:Z(u),value:e.value});r.attachFormField(x({disabled:r.disabled,onReset:r.reset,toFormValue:e=>e,validationMessage:r.validationMessage,validity:r.validity,value:r.checkableFormValue}));let{assistiveId:i,checked:c,disabled:l,errorText:d,handleClick:f,handleKeydown:p,helperText:m,indeterminate:h,labelId:g}=r;return Ci(t,()=>c.value,e=>{c.value=e}),er(e.size,{assistiveId:i,checked:c,disabled:l,errorText:d,handleClick:f,handleKeydown:p,helperText:m,indeterminate:h,labelId:g,required:e.required},`checkbox`),o`
|
|
1461
1610
|
<div class="checkbox-wrapper" part="checkbox">
|
|
1462
1611
|
<div class="box" part="box">
|
|
1463
1612
|
<ore-icon class="checkmark" name="check" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
@@ -1465,8 +1614,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1465
1614
|
</div>
|
|
1466
1615
|
</div>
|
|
1467
1616
|
<span class="label" part="label" id="${g}"><slot></slot></span>
|
|
1468
|
-
${
|
|
1469
|
-
`},styles:[K,Se,ge,H,G(pt),Ui]});function Gi(e){return e.filter(e=>e.localName===`ore-combobox-option`).map(e=>({disabled:e.hasAttribute(`disabled`),iconEl:e.querySelector(`[slot="icon"]`),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,value:e.getAttribute(`value`)??``}))}function Ki(e,t,n){if(n)return e;let r=t.toLowerCase().trim();return r?e.filter(e=>e.label.toLowerCase().includes(r)||e.value.toLowerCase().includes(r)):e}function qi(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function Ji(e){return`__new__:${e.trim()}`}var Yi=`@layer refine.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));min-width:var(--input-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}.input-wrapper{flex-direction:column;gap:0;width:100%;display:flex}.field{box-sizing:border-box;height:var(--_field-height);min-height:var(--_field-height);padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:var(--_motion-transition,background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.input-wrapper:has(.label:not([hidden])) .field{height:auto}:host(:not([label-placement=outside])) .input-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label,label.label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--_motion-transition,color var(--transition-fast));margin-bottom:2px;overflow:hidden}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-xs);line-height:var(--leading-loose);order:-1}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));overflow-wrap:anywhere;padding-left:2px;padding-right:2px}.helper-text[hidden]{display:none}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{input{min-width:0;font:inherit;font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1}input::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}input:focus-visible{outline:none}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .field:focus-within .label,:host(:not([disabled])) .field:focus-within ::slotted([slot=prefix]),:host(:not([disabled])) .field:focus-within ::slotted([slot=suffix]){color:var(--_theme-focus)}.clear-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.clear-btn:hover{color:var(--color-contrast-900)}.clear-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([clearable]) .clear-btn{display:flex}:host([clearable]:not([has-value])) .clear-btn{visibility:hidden;pointer-events:none}.pwd-toggle-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.pwd-toggle-btn:hover{color:var(--color-contrast-900)}.pwd-toggle-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([type=password]) .pwd-toggle-btn{display:flex}.char-counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);text-align:end;white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter[data-near-limit]{color:var(--color-warning,#f59e0b)}.char-counter[data-at-limit]{color:var(--color-error)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .label,.helper-text[role=alert]{color:var(--color-error)}:host([success]) .field{border-color:var(--color-success)}.status-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:none}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.field-spinner{width:var(--size-4);height:var(--size-4);border:var(--border-2) solid var(--_theme-focus,currentcolor);animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;flex-shrink:0;display:none}.field-spinner:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}:host([loading]) .field-spinner{display:inline-block}}@layer refine.variants{:host([variant=text]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,var(--color-contrast-300))}:host([variant=text]) .field{border:none;border-bottom:var(--border) solid var(--_border-color);box-shadow:none;border-radius:0}:host([variant=text]) .field:focus-within{border-bottom:var(--border-2) solid var(--input-focus-border-color,var(--_theme-focus))}:host(:not([disabled],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .field:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .field{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) input{color:var(--color-contrast-400)}:host([disabled]) input::placeholder{color:var(--color-contrast-300)}:host([disabled]) .label{color:var(--color-contrast-400)}`,Xi=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],Zi=`ore-input`;i(Zi,{formAssociated:!0,props:{...Y,...X,...Z,...lt,autocomplete:m.string(),clearable:m.bool(!1),error:m.string(),fullwidth:m.bool(!1),helper:m.string(),inputmode:m.string(),label:m.string(),"label-placement":m.oneOf([`inset`,`outside`],`inset`),loading:m.bool(!1),maxlength:m.json(void 0),minlength:m.json(void 0),name:m.string(),pattern:m.string(),placeholder:m.string(),readonly:m.bool(!1),ref:m.data(),required:m.bool(!1),success:m.bool(!1),type:m.oneOf(Xi,`text`),value:m.string(),variant:m.string()},setup(t){let n=a(),r=S(),i=D(!1),s=g(),c=T(()=>!!t.label.value||r.has(`label`).value),f=T(()=>t.disabled.value||t.loading.value),p=Q(u),m=Lt({disabled:f,error:t.error,hasLabel:c,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],maxLength:t.maxlength,onChange:(e,t)=>{Hi(n,t),$(n,`change`)},onInput:(e,t)=>{Hi(n,t),$(n,`input`)},prefix:`input`,readonly:t.readonly,required:t.required,signal:p,value:t.value});Bi(n,()=>m.value.value,e=>{m.value.value=e}),m.attachFormField(x({disabled:m.disabled,onReset:m.reset,toFormValue:e=>e,validationMessage:m.validationMessage,validity:m.validity,value:m.value}));let{ariaDescribedBy:h,ariaErrorMessage:_,ariaInvalid:v,ariaLabelledBy:y,assistiveId:b,clear:C,counter:w,errorId:E,errorText:O,fieldId:k,helperText:A,labelId:j,labelVisible:M,value:N,wire:P}=m;return d(s,e=>{P(e,p);let n=Ct(t.ref,e);return()=>{n()}}),e({attr:{error:_r(O),"has-value":()=>N.value?!0:void 0,size:t.size,success:()=>t.success.value&&!O.value?!0:void 0,variant:t.variant}}),o`
|
|
1617
|
+
${tr(i,d,m)}
|
|
1618
|
+
`},styles:[X,Xe,He,K,Y(Ce),Ei]});function Oi(e){return e.filter(e=>e.localName===`ore-combobox-option`).map(e=>({disabled:e.hasAttribute(`disabled`),iconEl:e.querySelector(`[slot="icon"]`),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,value:e.getAttribute(`value`)??``}))}function ki(e,t,n){if(n)return e;let r=t.toLowerCase().trim();return r?e.filter(e=>e.label.toLowerCase().includes(r)||e.value.toLowerCase().includes(r)):e}function Ai(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function ji(e){return`__new__:${e.trim()}`}var Mi=`@layer refine.base{:host{--_font-size:var(--input-font-size,var(--text-sm));--_gap:var(--input-gap,var(--size-2));--_field-height:var(--input-height,var(--size-10));--_padding:var(--input-padding,var(--size-1-5) var(--size-3));--_radius:var(--input-radius,var(--rounded-lg));--_placeholder:var(--input-placeholder-color,var(--color-contrast-500));--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--color-contrast-300));min-width:var(--input-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}.input-wrapper{flex-direction:column;gap:0;width:100%;display:flex}.field{box-sizing:border-box;height:var(--_field-height);min-height:var(--_field-height);padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:var(--_motion-transition,background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast));flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.input-wrapper:has(.label:not([hidden])) .field{height:auto}:host(:not([label-placement=outside])) .input-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .input-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.input-row{gap:var(--_gap);flex:1;align-items:center;display:flex}.label,label.label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--_motion-transition,color var(--transition-fast));margin-bottom:2px;overflow:hidden}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-xs);line-height:var(--leading-loose);order:-1}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));overflow-wrap:anywhere;padding-left:2px;padding-right:2px}.helper-text[hidden]{display:none}::slotted(svg){width:var(--_icon-size,var(--leading-6));height:var(--_icon-size,var(--leading-6));flex-shrink:0}}@layer refine.overrides{input{min-width:0;font:inherit;font-size:var(--_font-size);line-height:var(--leading-normal);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1}input::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}input:focus-visible{outline:none}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .field:focus-within .label,:host(:not([disabled])) .field:focus-within ::slotted([slot=prefix]),:host(:not([disabled])) .field:focus-within ::slotted([slot=suffix]){color:var(--_theme-focus)}.clear-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.clear-btn:hover{color:var(--color-contrast-900)}.clear-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([clearable]) .clear-btn{display:flex}:host([clearable]:not([has-value])) .clear-btn{visibility:hidden;pointer-events:none}.pwd-toggle-btn{width:var(--size-5);min-width:var(--_touch-target);height:var(--size-5);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:var(--_motion-transition,color var(--transition-fast));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.pwd-toggle-btn:hover{color:var(--color-contrast-900)}.pwd-toggle-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border)}:host([type=password]) .pwd-toggle-btn{display:flex}.char-counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);white-space:nowrap;padding-left:2px;padding-right:2px}.char-counter:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.char-counter:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.char-counter[data-near-limit]{color:var(--color-warning,#f59e0b)}.char-counter[data-at-limit]{color:var(--color-error)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .label,.helper-text[role=alert]{color:var(--color-error)}:host([success]) .field{border-color:var(--color-success)}.status-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:none}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.field-spinner{width:var(--size-4);height:var(--size-4);border:var(--border-2) solid var(--_theme-focus,currentcolor);animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;flex-shrink:0;display:none}.field-spinner:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}:host([loading]) .field-spinner{display:inline-block}}@layer refine.variants{:host([variant=text]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,var(--color-contrast-300))}:host([variant=text]) .field{border:none;border-bottom:var(--border) solid var(--_border-color);box-shadow:none;border-radius:0}:host([variant=text]) .field:focus-within{border-bottom:var(--border-2) solid var(--input-focus-border-color,var(--_theme-focus))}:host(:not([disabled],[variant=text],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .field:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .field{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) input{color:var(--color-contrast-400)}:host([disabled]) input::placeholder{color:var(--color-contrast-300)}:host([disabled]) .label{color:var(--color-contrast-400)}`,Ni=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],Pi=`ore-input`;i(Pi,{formAssociated:!0,props:{...H,...U,...W,...G,autocomplete:m.string(),clearable:m.bool(!1),error:m.string(),fullwidth:m.bool(!1),helper:m.string(),inputmode:m.string(),label:m.string(),"label-placement":m.oneOf([`inset`,`outside`],`inset`),loading:m.bool(!1),maxlength:m.json(void 0),minlength:m.json(void 0),name:m.string(),pattern:m.string(),placeholder:m.string(),readonly:m.bool(!1),ref:m.data(),required:m.bool(!1),success:m.bool(!1),type:m.oneOf(Ni,`text`),value:m.string(),variant:m.string()},setup(t){let n=a(),r=S(),i=D(!1),s=g(),c=T(()=>!!t.label.value||r.has(`label`).value),f=T(()=>t.disabled.value||t.loading.value),p=Z(u),m=tn({disabled:f,error:t.error,hasLabel:c,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],maxLength:t.maxlength,onChange:(e,t)=>{$(n,t),Q(n,`change`)},onInput:(e,t)=>{$(n,t),Q(n,`input`)},prefix:`input`,readonly:t.readonly,required:t.required,signal:p,value:t.value});wi(n,()=>m.value.value,e=>{m.value.value=e}),m.attachFormField(x({disabled:m.disabled,onReset:m.reset,toFormValue:e=>e,validationMessage:m.validationMessage,validity:m.validity,value:m.value}));let{ariaDescribedBy:h,ariaErrorMessage:_,ariaInvalid:v,ariaLabelledBy:y,assistiveId:b,clear:C,counter:w,errorId:E,errorText:O,fieldId:k,helperText:A,labelId:j,labelVisible:M,value:N,wire:P}=m;return d(s,e=>{P(e,p);let n=Wt(t.ref,e);return()=>{n()}}),e({attr:{error:$n(O),"has-value":()=>N.value?!0:void 0,size:t.size,success:()=>t.success.value&&!O.value?!0:void 0,variant:t.variant}}),o`
|
|
1470
1619
|
<div class="input-wrapper" part="wrapper">
|
|
1471
1620
|
<label class="label" for="${k}" id="${j}" part="label" ?hidden="${()=>!M.value}">
|
|
1472
1621
|
<slot name="label">${t.label}</slot>
|
|
@@ -1496,7 +1645,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1496
1645
|
aria-busy="${()=>t.loading.value?`true`:null}"
|
|
1497
1646
|
ref="${s}" />
|
|
1498
1647
|
<slot name="suffix"></slot>
|
|
1499
|
-
${
|
|
1648
|
+
${nr(O)}
|
|
1500
1649
|
<span class="field-spinner" part="spinner" role="status" aria-label="Loading"></span>
|
|
1501
1650
|
<button
|
|
1502
1651
|
class="pwd-toggle-btn"
|
|
@@ -1538,13 +1687,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1538
1687
|
${()=>w?.value.counterText??``}
|
|
1539
1688
|
</div>
|
|
1540
1689
|
</div>
|
|
1541
|
-
`},shadow:{delegatesFocus:!0},styles:[K,H,U,W,_e,G(dt),xe(`input`),Yi,we({container:`.field`,text:`input`,tokenPrefix:`input`})]});var Qi=`@layer refine.base{:host{--_dropdown-bg:var(--combobox-dropdown-bg,var(--color-canvas));--_dropdown-border-color:var(--combobox-dropdown-border-color,var(--color-contrast-200));--_option-hover-bg:var(--combobox-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--combobox-option-focus-bg,color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100)));--_option-selected-bg:var(--combobox-option-selected-bg,color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50)));--_option-selected-focus-bg:var(--combobox-option-selected-focus-bg,color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100)));min-width:var(--combobox-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}:host([fullwidth]){width:100%;display:block}.trigger::part(input){cursor:text}.trigger::part(field){height:auto;min-height:var(--input-height,var(--size-10))}.trigger::part(input-row){row-gap:var(--size-1);flex-wrap:wrap;align-items:center}.chips-row,.chips-list{display:contents}ore-chip:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-1)}ore-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.combobox-suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.combobox-suffix-end{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.chevron{transition:var(--_motion-transition,transform var(--transition-fast));flex-shrink:0;align-items:center;display:inline-flex}:host([open]) .chevron{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;text-align:start;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:not(.option-check,.option-icon){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--_option-hover-bg)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:var(--_option-focus-bg)}.option[data-selected],.option[aria-selected=true]{font-weight:var(--font-medium);color:var(--_theme-base);background:var(--_option-selected-bg)}.option[data-selected][data-focused],.option[aria-selected=true][data-focused]{background:var(--_option-selected-focus-bg)}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check,.option[aria-selected=true] .option-check{opacity:1}.no-results,.no-results-create,.dropdown-loading{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.no-results-create{gap:var(--size-1-5);width:100%;padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);color:var(--_theme-content,var(--color-primary-content));text-align:start;cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:hover,.no-results-create[data-focused]{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 10%, transparent)}.option-icon{flex-shrink:0;align-items:center;display:inline-flex}::slotted(ore-combobox-option){display:none}}`,$i=`ore-combobox`;i($i,{formAssociated:!0,props:{autoclose:m.bool(!1),color:m.string(),creatable:m.bool(!1),disabled:m.bool(!1),error:m.string(),fullwidth:m.bool(!1),helper:m.string(),label:m.string(),"label-placement":m.oneOf([`inset`,`outside`],`inset`),loading:m.bool(!1),multiple:m.bool(!1),name:m.string(),"no-filter":m.bool(!1),options:m.data(),placeholder:m.string(`Select...`),required:m.bool(!1),rounded:m.string(),size:m.string(),success:m.bool(!1),value:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=C,s=D(``),c=null,l=null,f=null,p=null,m=g(),h=Q(u),_=zt({disabled:t.disabled,error:t.error,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],multiple:t.multiple,prefix:`combobox`,required:t.required,signal:h,value:t.value}),v=D([]),y=An({getBoundary:()=>n,getFocusedOptionElement:()=>f?.querySelector(`[data-focused]`)??null,getItems:()=>v.value,getOptionId:e=>`${_.fieldId}-opt-${e}`,getPanel:()=>f,getReference:()=>l,getTrigger:()=>c,isDisabled:()=>_.disabled.value,onClose:e=>{r(`open-change`,{open:!1,reason:e}),h.aborted||ce(),_.triggerValidation(`blur`)},onOpen:e=>r(`open-change`,{open:!0,reason:e}),restoreFocus:!1,signal:h}),{disabled:S,fieldId:w,selectedValues:E,triggerValidation:O}=_;_.attachFormField(x({disabled:_.disabled,onReset:_.reset,toFormValue:e=>e,validationMessage:_.validationMessage,validity:_.validity,value:_.formValue}));let{focusedIndex:k,isOpen:A,scrollFocusedIntoView:j,updatePosition:M}=y,N=()=>!!t.multiple.value,P=()=>!!t.creatable.value,F=()=>!!t[`no-filter`].value;e({attr:{open:()=>A.value?!0:void 0,size:t.size,variant:t.variant}});let I=null,L=!1,R=T(()=>E.value[0]??``);Object.defineProperty(n,"value",{configurable:!0,get:()=>_.formValue.value,set:e=>{let t=e;if(Array.isArray(t)){_.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){_.clear();return}_.setValues(N()?String(t).split(`,`):[String(t)])}});let ee=()=>E.value.length>0;function te(){c?.focus()}let ne=D([]),re=D([]),ie=()=>!!t.loading.value;function z(e){return{disabled:!!e.disabled,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let ae=T(()=>{let e=t.options.value,n=Array.isArray(e)?e.map(z):ne.value;return re.value.length===0?n:[...n,...re.value]}),B={clear:()=>{_.clear()},remove:e=>{_.removeValue(e)},select:e=>{_.selectValue(e)},toggle:e=>{_.toggleValue(e)}};function oe(e=Array.from(n.children)){if(ne.value=Gi(e),!N()){let e=ae.value.find(e=>e.value===R.value);s.value=e?.label??R.value}}oe(),i(()=>{let e=Ki(ae.value,s.value,F());v.value=N()?e.filter(e=>!E.value.includes(e.value)):e});let V=T(()=>qi(s.value,P(),v.value)),H=()=>N()&&E.value.length>0?``:t.placeholder.value||``;function U(){$(n,`input`),$(n,`change`)}function se(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(B.remove(t),U(),O(`change`))}function ce(){if(!N()){let e=ae.value.find(e=>e.value===R.value);L=!0,s.value=e?.label??``,Promise.resolve().then(()=>{L=!1});return}s.value=``}i(()=>{if(A.value&&!N()&&R.value&&k.value===-1&&s.value===``){let e=v.value.findIndex(e=>e.value===R.value);e>=0&&y.set(e)}});function le(e=!0,t=`programmatic`){if(e&&(I=s.value,s.value=``),!N()&&R.value){let e=Ki(ae.value,``,F()).findIndex(e=>e.value===R.value);e>=0&&y.set(e)}y.open(t),!N()&&R.value&&k.value>=0&&requestAnimationFrame(()=>{j()})}function ue(e=`programmatic`){y.close(e)}let de=Vt({disabled:S,onPress:()=>{A.value||le(!0,`click`),te()}}),fe=Vt({disabled:S,keys:[`Enter`],onPress:e=>{let t=v.value;A.value&&k.value>=0&&k.value<t.length?pe(t[k.value],e):A.value&&k.value===-1&&V.value?_e(s.value,e):A.value||le(!0,`keyboard`)}});function pe(e,n){e.disabled||(N()?(B.toggle(e.value),s.value=``,U(),O(`change`),t.autoclose.value&&ue(),te(),requestAnimationFrame(()=>te())):(B.select(e.value),s.value=e.label,U(),O(`change`),ue(),te()))}function W(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<v.value.length)return v.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=v.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?v.value.find(e=>e.label===i||e.value===i)??null:null}function me(e){e.stopPropagation(),B.clear(),s.value=``,U(),O(`change`),te()}function he(e){let t=e.target,n=t.value;if(!L&&n!==s.value){if(s.value=n,!N()){let e=E.value[0],t=e?ae.value.find(t=>t.value===e)?.label??e:``;n===``&&I===t&&(I=null)}y.navigate(`first`),A.value||le(!1,`keyboard`),r(`search`,{query:t.value})}}function G(){}function ge(e){if(!S.value&&!y.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),A.value?y.navigate(`next`):(le(!0,`keyboard`),y.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),A.value?y.navigate(`prev`):le(!0,`keyboard`);break;case`Backspace`:N()&&!s.value&&E.value.length>0&&(_.removeValue(E.value[E.value.length-1]??``),U(),O(`change`));break;case`Enter`:fe.handleKeydown(e);break;case`Tab`:ue(`programmatic`)}}function _e(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:Ji(n)};re.value=[...re.value,r],pe(r,t)}let ve=(()=>{let e=new MutationObserver(()=>{oe()});return e.observe(n,{attributeFilter:[`disabled`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),ye=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=W(n);if(!r||r.disabled)return;let i=v.value.findIndex(e=>e.value===r.value);i>=0&&y.set(i)},K=n.shadowRoot;K&&K.addEventListener(`pointermove`,ye);let be=e=>{let t=e=>{let t=e.target;if(!(t instanceof Element))return;if(t.closest(`.no-results-create`)){e.preventDefault(),e.stopPropagation(),_e(s.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=W(n);r&&pe(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=W(n);if(!r)return;let i=v.value.findIndex(e=>e.value===r.value);i>=0&&y.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},q=null,xe=null,Se=e=>{p=e,xe!==e&&(q?.(),q=null,xe=null,e&&(q=be(e),xe=e))},Ce=()=>{p&&(xe===p&&q||(q?.(),q=be(p),xe=p))};return i(()=>{Ce(),A.value?(f&&`showPopover`in f&&!f.matches(`:popover-open`)&&f.showPopover(),M()):f&&`hidePopover`in f&&f.matches(`:popover-open`)&&f.hidePopover()}),d(m,e=>{l=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;c=t,t.setAttribute(`role`,`combobox`),t.setAttribute(`autocomplete`,`off`),t.setAttribute(`aria-autocomplete`,`list`),t.setAttribute(`aria-haspopup`,`listbox`),t.setAttribute(`spellcheck`,`false`),t.setAttribute(`aria-controls`,`${w}-listbox`);let n=()=>{A.value||le(!0,`click`),te()};return t.addEventListener(`input`,he),t.addEventListener(`keydown`,ge),t.addEventListener(`focus`,G),t.addEventListener(`click`,n),()=>{c=null,l=null,t.removeEventListener(`input`,he),t.removeEventListener(`keydown`,ge),t.removeEventListener(`focus`,G),t.removeEventListener(`click`,n)}}),i(()=>{if(!m.value)return;let e=c;e&&(e.setAttribute(`aria-expanded`,String(A.value)),S.value?e.setAttribute(`aria-disabled`,`true`):e.removeAttribute(`aria-disabled`),t.error.value?(e.setAttribute(`aria-invalid`,`true`),e.setAttribute(`aria-errormessage`,`${w}-error`)):(e.removeAttribute(`aria-invalid`),e.removeAttribute(`aria-errormessage`)))}),i(()=>{if(!m.value)return;let e=c;e&&e.value!==s.value&&(e.value=s.value)}),u(()=>{K?.removeEventListener(`pointermove`,ye),q?.(),q=null,xe=null,ve()}),o`
|
|
1690
|
+
`},shadow:{delegatesFocus:!0},styles:[X,K,q,J,Ue,Y(xe),Ye(`input`),Mi,Re({container:`.field`,text:`input`,tokenPrefix:`input`})]});var Fi=`@layer refine.base{:host{--_dropdown-bg:var(--combobox-dropdown-bg,var(--color-canvas));--_dropdown-border-color:var(--combobox-dropdown-border-color,var(--color-contrast-200));--_option-hover-bg:var(--combobox-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--combobox-option-focus-bg,color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100)));--_option-selected-bg:var(--combobox-option-selected-bg,color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50)));--_option-selected-focus-bg:var(--combobox-option-selected-focus-bg,color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100)));min-width:var(--combobox-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}:host([fullwidth]){width:100%;display:block}.trigger::part(input){cursor:text}.trigger::part(field){height:auto;min-height:var(--input-height,var(--size-10))}.trigger::part(input-row){row-gap:var(--size-1);flex-wrap:wrap;align-items:center}.chips-row,.chips-list{display:contents}ore-chip:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--size-1)}ore-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.combobox-suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.combobox-suffix-end{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.chevron{transition:var(--_motion-transition,transform var(--transition-fast));flex-shrink:0;align-items:center;display:inline-flex}:host([open]) .chevron{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dropdown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:not(:is(.option-check,.option-icon)){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--_option-hover-bg)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:var(--_option-focus-bg)}.option[data-selected],.option[aria-selected=true]{font-weight:var(--font-medium);color:var(--_theme-base);background:var(--_option-selected-bg)}.option[data-selected][data-focused],.option[aria-selected=true][data-focused]{background:var(--_option-selected-focus-bg)}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check,.option[aria-selected=true] .option-check{opacity:1}.no-results,.no-results-create,.dropdown-loading{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.no-results-create{gap:var(--size-1-5);width:100%;padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);color:var(--_theme-content,var(--color-primary-content));cursor:pointer;border-radius:var(--rounded-sm);background:0 0;border:0;align-items:center;display:flex}.no-results-create:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.no-results-create:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.no-results-create:hover,.no-results-create[data-focused]{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 10%, transparent)}.option-icon{flex-shrink:0;align-items:center;display:inline-flex}::slotted(ore-combobox-option){display:none}}`,Ii=`ore-combobox`;i(Ii,{formAssociated:!0,props:{autoclose:m.bool(!1),color:m.string(),creatable:m.bool(!1),disabled:m.bool(!1),error:m.string(),fullwidth:m.bool(!1),helper:m.string(),label:m.string(),"label-placement":m.oneOf([`inset`,`outside`],`inset`),loading:m.bool(!1),multiple:m.bool(!1),name:m.string(),"no-filter":m.bool(!1),options:m.data(),placeholder:m.string(`Select...`),required:m.bool(!1),rounded:m.string(),size:m.string(),success:m.bool(!1),value:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=C,s=D(``),c=null,l=null,f=null,p=null,m=g(),h=Z(u),_=Dt({disabled:t.disabled,error:t.error,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],multiple:t.multiple,prefix:`combobox`,required:t.required,signal:h,value:t.value}),v=D([]),y=hn({getBoundary:()=>n,getFocusedOptionElement:()=>f?.querySelector(`[data-focused]`)??null,getItems:()=>v.value,getOptionId:e=>`${_.fieldId}-opt-${e}`,getPanel:()=>f,getReference:()=>l,getTrigger:()=>c,isDisabled:()=>_.disabled.value,onClose:e=>{r(`open-change`,{open:!1,reason:e}),h.aborted||ue(),_.triggerValidation(`blur`)},onOpen:e=>r(`open-change`,{open:!0,reason:e}),restoreFocus:!1,signal:h}),{disabled:S,fieldId:w,selectedValues:E,triggerValidation:O}=_;_.attachFormField(x({disabled:_.disabled,onReset:_.reset,toFormValue:e=>e,validationMessage:_.validationMessage,validity:_.validity,value:_.formValue}));let{focusedIndex:k,isOpen:A,scrollFocusedIntoView:j,updatePosition:M}=y,N=()=>!!t.multiple.value,P=()=>!!t.creatable.value,F=()=>!!t[`no-filter`].value;e({attr:{open:()=>A.value?!0:void 0,size:t.size,variant:t.variant}});let I=null,L=!1,R=T(()=>E.value[0]??``);Object.defineProperty(n,"value",{configurable:!0,get:()=>_.formValue.value,set:e=>{let t=e;if(Array.isArray(t)){_.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){_.clear();return}_.setValues(N()?String(t).split(`,`):[String(t)])}});let ee=()=>E.value.length>0;function z(){c?.focus()}let te=D([]),B=D([]),ne=()=>!!t.loading.value;function re(e){return{disabled:!!e.disabled,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let V=T(()=>{let e=t.options.value,n=Array.isArray(e)?e.map(re):te.value;return B.value.length===0?n:[...n,...B.value]}),ie={clear:()=>{_.clear()},remove:e=>{_.removeValue(e)},select:e=>{_.selectValue(e)},toggle:e=>{_.toggleValue(e)}};function ae(e=Array.from(n.children)){if(te.value=Oi(e),!N()){let e=V.value.find(e=>e.value===R.value);s.value=e?.label??R.value}}ae(),i(()=>{let e=ki(V.value,s.value,F());v.value=N()?e.filter(e=>!E.value.includes(e.value)):e});let oe=T(()=>Ai(s.value,P(),v.value)),se=()=>N()&&E.value.length>0?``:t.placeholder.value||``;function ce(){Q(n,`input`),Q(n,`change`)}function le(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(ie.remove(t),ce(),O(`change`))}function ue(){if(!N()){let e=V.value.find(e=>e.value===R.value);L=!0,s.value=e?.label??``,Promise.resolve().then(()=>{L=!1});return}s.value=``}i(()=>{if(A.value&&!N()&&R.value&&k.value===-1&&s.value===``){let e=v.value.findIndex(e=>e.value===R.value);e>=0&&y.set(e)}});function de(e=!0,t=`programmatic`){if(e&&(I=s.value,s.value=``),!N()&&R.value){let e=ki(V.value,``,F()).findIndex(e=>e.value===R.value);e>=0&&y.set(e)}y.open(t),!N()&&R.value&&k.value>=0&&requestAnimationFrame(()=>{j()})}function fe(e=`programmatic`){y.close(e)}let pe=Ct({disabled:S,onPress:()=>{A.value||de(!0,`click`),z()}}),me=Ct({disabled:S,keys:[`Enter`],onPress:e=>{let t=v.value;A.value&&k.value>=0&&k.value<t.length?he(t[k.value],e):A.value&&k.value===-1&&oe.value?W(s.value,e):A.value||de(!0,`keyboard`)}});function he(e,n){e.disabled||(N()?(ie.toggle(e.value),s.value=``,ce(),O(`change`),t.autoclose.value&&fe(),z(),requestAnimationFrame(()=>z())):(ie.select(e.value),s.value=e.label,ce(),O(`change`),fe(),z()))}function ge(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<v.value.length)return v.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=v.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?v.value.find(e=>e.label===i||e.value===i)??null:null}function _e(e){e.stopPropagation(),ie.clear(),s.value=``,ce(),O(`change`),z()}function ve(e){let t=e.target,n=t.value;if(!L&&n!==s.value){if(s.value=n,!N()){let e=E.value[0],t=e?V.value.find(t=>t.value===e)?.label??e:``;n===``&&I===t&&(I=null)}y.navigate(`first`),A.value||de(!1,`keyboard`),r(`search`,{query:t.value})}}function H(){}function U(e){if(!S.value&&!y.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),A.value?y.navigate(`next`):(de(!0,`keyboard`),y.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),A.value?y.navigate(`prev`):de(!0,`keyboard`);break;case`Backspace`:N()&&!s.value&&E.value.length>0&&(_.removeValue(E.value[E.value.length-1]??``),ce(),O(`change`));break;case`Enter`:me.handleKeydown(e);break;case`Tab`:fe(`programmatic`)}}function W(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:ji(n)};B.value=[...B.value,r],he(r,t)}let ye=(()=>{let e=new MutationObserver(()=>{ae()});return e.observe(n,{attributeFilter:[`disabled`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),G=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=ge(n);if(!r||r.disabled)return;let i=v.value.findIndex(e=>e.value===r.value);i>=0&&y.set(i)},be=n.shadowRoot;be&&be.addEventListener(`pointermove`,G);let xe=e=>{let t=e=>{let t=e.target;if(!(t instanceof Element))return;if(t.closest(`.no-results-create`)){e.preventDefault(),e.stopPropagation(),W(s.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=ge(n);r&&he(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=ge(n);if(!r)return;let i=v.value.findIndex(e=>e.value===r.value);i>=0&&y.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},Se=null,Ce=null,we=e=>{p=e,Ce!==e&&(Se?.(),Se=null,Ce=null,e&&(Se=xe(e),Ce=e))},Te=()=>{p&&(Ce===p&&Se||(Se?.(),Se=xe(p),Ce=p))};return i(()=>{Te(),A.value?(f&&`showPopover`in f&&!f.matches(`:popover-open`)&&f.showPopover(),M()):f&&`hidePopover`in f&&f.matches(`:popover-open`)&&f.hidePopover()}),d(m,e=>{l=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;c=t,t.setAttribute(`role`,`combobox`),t.setAttribute(`autocomplete`,`off`),t.setAttribute(`aria-autocomplete`,`list`),t.setAttribute(`aria-haspopup`,`listbox`),t.setAttribute(`spellcheck`,`false`),t.setAttribute(`aria-controls`,`${w}-listbox`);let n=()=>{A.value||de(!0,`click`),z()};return t.addEventListener(`input`,ve),t.addEventListener(`keydown`,U),t.addEventListener(`focus`,H),t.addEventListener(`click`,n),()=>{c=null,l=null,t.removeEventListener(`input`,ve),t.removeEventListener(`keydown`,U),t.removeEventListener(`focus`,H),t.removeEventListener(`click`,n)}}),i(()=>{if(!m.value)return;let e=c;e&&(e.setAttribute(`aria-expanded`,String(A.value)),S.value?e.setAttribute(`aria-disabled`,`true`):e.removeAttribute(`aria-disabled`),t.error.value?(e.setAttribute(`aria-invalid`,`true`),e.setAttribute(`aria-errormessage`,`${w}-error`)):(e.removeAttribute(`aria-invalid`),e.removeAttribute(`aria-errormessage`)))}),i(()=>{if(!m.value)return;let e=c;e&&e.value!==s.value&&(e.value=s.value)}),u(()=>{be?.removeEventListener(`pointermove`,G),Se?.(),Se=null,Ce=null,ye()}),o`
|
|
1542
1691
|
<slot></slot>
|
|
1543
1692
|
<ore-input
|
|
1544
1693
|
class="trigger"
|
|
1545
1694
|
ref=${m}
|
|
1546
1695
|
label="${()=>t.label.value??``}"
|
|
1547
|
-
placeholder="${
|
|
1696
|
+
placeholder="${se}"
|
|
1548
1697
|
label-placement="${()=>t[`label-placement`].value??`inset`}"
|
|
1549
1698
|
color="${()=>t.color?.value??void 0}"
|
|
1550
1699
|
size="${()=>t.size?.value??void 0}"
|
|
@@ -1557,7 +1706,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1557
1706
|
?fullwidth="${()=>t.fullwidth.value?!0:void 0}"
|
|
1558
1707
|
?success="${()=>t.success.value}"
|
|
1559
1708
|
name="${()=>t.name.value??``}"
|
|
1560
|
-
@click="${e=>{
|
|
1709
|
+
@click="${e=>{pe.handleClick(e)}}"
|
|
1561
1710
|
part="wrapper">
|
|
1562
1711
|
<div slot="prefix" class="chips-row">
|
|
1563
1712
|
<!-- Keep chip list diffing isolated so input node identity stays stable. -->
|
|
@@ -1565,13 +1714,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1565
1714
|
${()=>(N()?E.value:[]).map(e=>o`
|
|
1566
1715
|
<ore-chip
|
|
1567
1716
|
value=${e}
|
|
1568
|
-
label=${
|
|
1717
|
+
label=${V.value.find(t=>t.value===e)?.label??e}
|
|
1569
1718
|
mode="removable"
|
|
1570
1719
|
variant="flat"
|
|
1571
1720
|
size="sm"
|
|
1572
1721
|
color="${t.color}"
|
|
1573
|
-
@remove=${
|
|
1574
|
-
${
|
|
1722
|
+
@remove=${le}>
|
|
1723
|
+
${V.value.find(t=>t.value===e)?.label??e}
|
|
1575
1724
|
</ore-chip>
|
|
1576
1725
|
`)}
|
|
1577
1726
|
</span>
|
|
@@ -1584,7 +1733,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1584
1733
|
aria-label="Clear"
|
|
1585
1734
|
tabindex="-1"
|
|
1586
1735
|
?hidden=${()=>!ee()}
|
|
1587
|
-
@click="${
|
|
1736
|
+
@click="${_e}">
|
|
1588
1737
|
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1589
1738
|
</button>
|
|
1590
1739
|
<span class="combobox-suffix-end">
|
|
@@ -1615,12 +1764,12 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1615
1764
|
id="${()=>`${w}-listbox`}"
|
|
1616
1765
|
style="${()=>A.value&&v.value.length>0?`height:${v.value.length*36}px;`:``}"
|
|
1617
1766
|
aria-label="${()=>t.label.value||t.placeholder.value||`Options`}"
|
|
1618
|
-
ref=${e=>{
|
|
1619
|
-
${()=>A.value?
|
|
1767
|
+
ref=${e=>{we(e)}}>
|
|
1768
|
+
${()=>A.value?ne()?o`
|
|
1620
1769
|
<div class="dropdown-loading">Loading...</div>
|
|
1621
|
-
`:v.value.length===0?
|
|
1770
|
+
`:v.value.length===0?oe.value?o`
|
|
1622
1771
|
<button type="button" class="no-results-create" ?data-focused=${()=>k.value===-1}>
|
|
1623
|
-
${
|
|
1772
|
+
${oe.value}
|
|
1624
1773
|
</button>
|
|
1625
1774
|
`:o`
|
|
1626
1775
|
<div class="no-results" role="presentation">No results found</div>
|
|
@@ -1645,36 +1794,36 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1645
1794
|
`):``}
|
|
1646
1795
|
</div>
|
|
1647
1796
|
</div>
|
|
1648
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
1797
|
+
`},shadow:{delegatesFocus:!0},styles:[X,q,J,je,Fi]});function Li(e,t=300,n={leading:!1,trailing:!0}){let r=n.leading??!1,i=n.trailing??!0,a,o,s,c=!1,l=()=>{a!==void 0&&(clearTimeout(a),a=void 0)},u=()=>{if(l(),c=!1,!o)return;let t=o;return o=void 0,s=e(...t),s};return Object.assign((...n)=>(o=n,r&&!c&&(c=!0,s=e(...n),o=void 0,!i)?(a=setTimeout(()=>{a=void 0,c=!1},t),s):r&&!i&&c?s:(l(),a=setTimeout(u,t),s)),{cancel:()=>{l(),o=void 0,c=!1},flush:()=>u(),pending:()=>a!==void 0})}var Ri=`@layer refine.base{:host{min-width:var(--select-min-width,12rem);display:inline-block}:host([fullwidth]){width:100%;display:block}::slotted(option),::slotted(optgroup){display:none}.trigger{cursor:pointer;width:100%}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.chips-row{gap:var(--size-1);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.chips-row[hidden]{display:none}.trigger-suffix{gap:var(--size-1);color:var(--color-contrast-500);align-items:center;display:flex}.trigger-icon{transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}:host([open]) .trigger-icon{transform:rotate(180deg)}.loader{width:1em;height:1em;animation:var(--_motion-animation,spin var(--transition-loader) infinite);border:2px solid;border-radius:50%;flex-shrink:0;display:none}.loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}:host([loading]) .loader{display:inline-block}.dropdown{z-index:var(--z-dropdown,8000);box-sizing:border-box;gap:var(--size-0-5);max-height:260px;padding:var(--size-1);overscroll-behavior:contain;pointer-events:none;background:var(--color-canvas);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;margin:0;display:flex;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dropdown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.options-list{flex-direction:column;gap:0;display:flex}.option{gap:var(--size-2);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:flex}.option>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option:hover:not([data-disabled]){background:var(--color-contrast-100)}.option[data-focused]:not([data-disabled]){color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100))}.option[data-selected]{font-weight:var(--font-medium);color:var(--_theme-base);background:color-mix(in oklch, var(--_theme-base) 10%, var(--color-contrast-50))}.option[data-selected][data-focused]{background:color-mix(in oklch, var(--_theme-base) 20%, var(--color-contrast-100))}.option[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.option-check{color:var(--_theme-base);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:inline-flex}.option-check:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.option-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.option[data-selected] .option-check{opacity:1}.optgroup-label{padding:var(--size-1-5) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.dropdown-loading,.dropdown-empty{padding:var(--size-3) var(--size-2-5);font-size:var(--text-sm);color:var(--color-contrast-500);text-align:center}}`,zi=`ore-select`;i(zi,{formAssociated:!0,props:{...H,...U,...W,...ye,...G,error:m.string(),fullwidth:m.bool(!1),helper:m.string(),label:m.string(),"label-placement":m.oneOf([`inset`,`outside`],`inset`),multiple:m.bool(!1),name:m.string(),options:m.json(void 0),placeholder:m.string(),required:m.bool(!1),success:m.bool(!1),value:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=S(),s=n.shadowRoot,c=D([]),l=T(()=>!!t.loading.value);function d(e){return{disabled:!!e.disabled,group:e.group,label:e.label??e.value,value:e.value}}let f=T(()=>{let e=t.options.value;return Array.isArray(e)?e.map(d):c.value}),m=null,h=null,g=Z(u),_=Dt({disabled:t.disabled,error:t.error,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],multiple:t.multiple,prefix:`select`,required:t.required,signal:g,value:t.value});_.attachFormField(x({disabled:_.disabled,onReset:_.reset,toFormValue:e=>e,validationMessage:_.validationMessage,validity:_.validity,value:_.formValue}));let v=hn({getBoundary:()=>n,getFocusedOptionElement:()=>h?.querySelector(`[data-focused]`)??null,getItems:()=>f.value,getPanel:()=>h,getReference:()=>m,getTrigger:()=>m,isDisabled:()=>_.disabled.value,onClose:e=>{r(`open-change`,{open:!1,reason:e}),_.triggerValidation(`blur`)},onOpen:e=>r(`open-change`,{open:!0,reason:e}),signal:g}),{triggerValidation:y}=_,C=_.selectedValues,w=_.disabled;wi(n,()=>_.formValue.value,e=>{_.setValues(e?e.split(`,`):[])});let{fieldId:O}=_,A=`listbox-${O}`,{focusedIndex:j,isOpen:M}=v;e({attr:{"has-error":()=>t.error.value?!0:void 0,open:()=>M.value?!0:void 0,size:t.size,variant:t.variant}});function N(){let e=s?.querySelector(`slot`);if(!e)return;let t=e.assignedElements({flatten:!0}),n=[];for(let e of t)if(e.tagName===`OPTION`){let t=e;n.push({disabled:t.disabled,label:t.text||t.value,value:t.value})}else if(e.tagName===`OPTGROUP`){let t=e,r=t.label;for(let e of Array.from(t.querySelectorAll(`option`))){let t=e;n.push({disabled:t.disabled,group:r,label:t.text||t.value,value:t.value})}}c.value=n}let P=T(()=>{if(C.value.length===0)return``;if(t.multiple.value&&C.value.length>1)return`${C.value.length} selected`;let e=C.value[0];return f.value.find(t=>t.value===e)?.label??e}),F=T(()=>t.multiple.value?C.value.map(e=>({label:f.value.find(t=>t.value===e)?.label??e,value:e})):[]),I=T(()=>t.multiple.value&&C.value.length>0),L=T(()=>P.value||t.placeholder.value||``);function R(e){let t=[],n=new Map;for(let t of e){let e=t.group,r=n.get(e);r||(r=[],n.set(e,r)),r.push(t)}let r=0;for(let[e,i]of n){e!==void 0&&t.push({label:e,type:`group`});for(let e of i)t.push({idx:r++,opt:e,type:`option`})}return t}let ee=T(()=>R(f.value));function z(){$(n,_.formValue.value),Q(n,`input`),Q(n,`change`)}function te(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(_.removeValue(t),z(),y(`change`))}function B(e=`programmatic`){v.open(e),requestAnimationFrame(()=>{let e=C.value.length>0?f.value.findIndex(e=>e.value===C.value[0]):-1;if(e>=0){v.set(e);return}v.navigate(`first`)})}function ne(e,n){e.disabled||(t.multiple.value?_.toggleValue(e.value):(_.selectValue(e.value),v.close()),z(),y(`change`))}function re(e){if(!w.value&&!v.handleKeydown(e))switch(e.key){case` `:case`Enter`:if(e.preventDefault(),M.value){let t=j.value,n=f.value;t>=0&&t<n.length&&ne(n[t],e)}else B(`keyboard`);break;case`Tab`:v.close()}}let V=()=>L.value,ie=()=>t.label.value??``,ae=()=>t.placeholder.value??``,oe=()=>t[`label-placement`].value??`inset`,se=()=>t.color?.value??void 0,ce=()=>t.size?.value??void 0,le=()=>t.variant?.value??void 0,ue=()=>t.rounded?.value??void 0,de=()=>t.helper.value??``,fe=()=>t.error.value??``,pe=()=>w.value?!0:void 0,me=()=>t.required.value?!0:void 0,he=()=>t.fullwidth.value?!0:void 0,ge=()=>w.value?`-1`:`0`;k(i.elements(),()=>N(),{immediate:!0});let _e=E(()=>{M.value?h&&`showPopover`in h&&!h.matches(`:popover-open`)&&h.showPopover():h&&`hidePopover`in h&&h.matches(`:popover-open`)&&h.hidePopover()});return u(()=>_e.dispose()),p(()=>{let e=null,t=null;return m&&(e=e=>{e.stopPropagation(),!w.value&&(M.value?v.close(`trigger`):B(`click`))},t=e=>{re(e)},m.addEventListener(`click`,e),m.addEventListener(`keydown`,t)),()=>{m&&e&&m.removeEventListener(`click`,e),m&&t&&m.removeEventListener(`keydown`,t)}}),o`
|
|
1649
1798
|
<slot style="display:none"></slot>
|
|
1650
1799
|
<ore-input
|
|
1651
1800
|
class="trigger"
|
|
1652
1801
|
part="trigger"
|
|
1653
1802
|
readonly
|
|
1654
|
-
tabindex="${
|
|
1803
|
+
tabindex="${ge}"
|
|
1655
1804
|
role="combobox"
|
|
1656
1805
|
aria-haspopup="listbox"
|
|
1657
|
-
aria-controls="${
|
|
1806
|
+
aria-controls="${A}"
|
|
1658
1807
|
aria-disabled="${()=>w.value?`true`:null}"
|
|
1659
|
-
aria-expanded="${()=>String(
|
|
1808
|
+
aria-expanded="${()=>String(M.value)}"
|
|
1660
1809
|
aria-invalid="${()=>t.error.value?`true`:null}"
|
|
1661
|
-
value="${
|
|
1662
|
-
label="${
|
|
1663
|
-
placeholder="${
|
|
1810
|
+
value="${V}"
|
|
1811
|
+
label="${ie}"
|
|
1812
|
+
placeholder="${ae}"
|
|
1664
1813
|
label-placement="${oe}"
|
|
1665
|
-
color="${
|
|
1666
|
-
size="${
|
|
1667
|
-
variant="${
|
|
1668
|
-
rounded="${
|
|
1669
|
-
helper="${
|
|
1670
|
-
error="${
|
|
1671
|
-
?disabled="${
|
|
1672
|
-
?required="${
|
|
1673
|
-
?fullwidth="${
|
|
1814
|
+
color="${se}"
|
|
1815
|
+
size="${ce}"
|
|
1816
|
+
variant="${le}"
|
|
1817
|
+
rounded="${ue}"
|
|
1818
|
+
helper="${de}"
|
|
1819
|
+
error="${fe}"
|
|
1820
|
+
?disabled="${pe}"
|
|
1821
|
+
?required="${me}"
|
|
1822
|
+
?fullwidth="${he}"
|
|
1674
1823
|
?success="${()=>t.success.value}"
|
|
1675
1824
|
ref="${e=>{m=e}}">
|
|
1676
|
-
<div slot="prefix" class="chips-row" ?hidden="${()=>!
|
|
1677
|
-
${()=>
|
|
1825
|
+
<div slot="prefix" class="chips-row" ?hidden="${()=>!I.value}">
|
|
1826
|
+
${()=>F.value.map(e=>o`
|
|
1678
1827
|
<ore-chip
|
|
1679
1828
|
value="${e.value}"
|
|
1680
1829
|
label="${e.label}"
|
|
@@ -1698,15 +1847,15 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1698
1847
|
class="dropdown"
|
|
1699
1848
|
part="dropdown"
|
|
1700
1849
|
popover="manual"
|
|
1701
|
-
?data-open="${
|
|
1850
|
+
?data-open="${M}"
|
|
1702
1851
|
role="listbox"
|
|
1703
|
-
id="${
|
|
1852
|
+
id="${A}"
|
|
1704
1853
|
aria-label="Options"
|
|
1705
1854
|
ref="${e=>{h=e}}">
|
|
1706
1855
|
<div class="dropdown-loading" ?hidden="${()=>!l.value}">Loading…</div>
|
|
1707
1856
|
<div class="dropdown-empty" ?hidden="${()=>l.value||f.value.length>0}">No options</div>
|
|
1708
1857
|
<div class="options-list" ?hidden="${()=>l.value||f.value.length===0}">
|
|
1709
|
-
${()=>
|
|
1858
|
+
${()=>ee.value.map(e=>e.type===`group`?o`
|
|
1710
1859
|
<div class="optgroup-label" role="presentation">${e.label}</div>
|
|
1711
1860
|
`:o`
|
|
1712
1861
|
<div
|
|
@@ -1717,10 +1866,10 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1717
1866
|
data-option-value="${e.opt.value}"
|
|
1718
1867
|
aria-selected="${()=>String(C.value.includes(e.opt.value))}"
|
|
1719
1868
|
aria-disabled="${()=>String(e.opt.disabled)}"
|
|
1720
|
-
?data-focused="${()=>
|
|
1869
|
+
?data-focused="${()=>j.value===e.idx}"
|
|
1721
1870
|
?data-selected="${()=>C.value.includes(e.opt.value)}"
|
|
1722
1871
|
?data-disabled="${()=>e.opt.disabled}"
|
|
1723
|
-
@click="${t=>{t.stopPropagation(),
|
|
1872
|
+
@click="${t=>{t.stopPropagation(),ne(e.opt,t)}}"
|
|
1724
1873
|
@pointerenter="${()=>{v.set(e.idx)}}">
|
|
1725
1874
|
<span>${e.opt.label}</span>
|
|
1726
1875
|
<span class="option-check" aria-hidden="true">
|
|
@@ -1730,7 +1879,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1730
1879
|
`)}
|
|
1731
1880
|
</div>
|
|
1732
1881
|
</div>
|
|
1733
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
1882
|
+
`},shadow:{delegatesFocus:!0},styles:[X,q,J,Ri]});var Bi=e=>{let{bindTriggerAria:t,defaultOpen:n,disabled:r,getPanel:i,onClose:a,onOpen:o,onPlacementChange:s,openProp:c,placement:l,slot:u,slotElements:d,triggers:f}=e,p=()=>typeof u==`function`?u():u,m=()=>{let t=e.offset;return t==null?8:(typeof t==`object`?t.value:t)??8},h=Z(e.onCleanup),g=D(!1),_=()=>c.value!==void 0,v=null,y=null;function b(){let e=i(),t=v??p()?.assignedElements({flatten:!0})[0];if(!e||!t)return;let n=e.style.transition,r=e.style.transform;e.style.transition=`none`,e.style.transform=`none`;let a=F(t,e,{middleware:[R(m()),I(),ee({padding:8})],placement:l.value});e.style.left=`${a.x}px`,e.style.top=`${a.y}px`,e.style.transition=n,e.style.transform=r,e.dataset.placement=a.placement,s?.(a.placement)}function x(){g.value=!0;let e=i();if(e&&(e.dataset.open=``,`showPopover`in e))try{e.matches(`:popover-open`)||e.showPopover()}catch{}b()}function S(){g.value=!1;let e=i();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}}function C(e=`programmatic`){_()||r.value||g.value||(x(),o?.(e))}function w(e=`trigger`){_()||!g.value||(S(),a?.(e))}function T(){_()||(g.value?w():C(`click`))}function E(e){e.key===`Escape`&&w(`escape`)}function O(e){let t=e.relatedTarget,n=i();t&&n?.contains(t)||t&&v?.contains(t)||w(`trigger`)}let A=()=>{y?.(),y=null;let e=p()?.assignedElements({flatten:!0})[0];if(!e){v=null;return}v=e;let n=t(e),r=[],a=(e,t,n,i)=>{e.addEventListener(t,n,i),r.push(()=>e.removeEventListener(t,n,i))},o=f.value;if(o.includes(`click`)&&a(e,`click`,T),o.includes(`hover`)){a(e,`pointerenter`,()=>C(`hover`)),a(e,`pointerleave`,()=>w(`trigger`));let t=i();t&&(a(t,`pointerenter`,()=>C(`hover`)),a(t,`pointerleave`,()=>w(`trigger`)))}if(o.includes(`focus`)){a(e,`focusin`,()=>C(`focus`)),a(e,`focusout`,O);let t=i();t&&a(t,`focusout`,O)}a(document,`keydown`,E),y=()=>{n();for(let e of r)e();v=null}},j=Ht({getTargets:()=>[v,i(),e.getHost?.()],isActive:()=>g.value&&f.value.includes(`click`),onDismiss:()=>w(`outsideClick`),signal:h});return{close:w,mount:()=>{let e=!1,t=p(),s=()=>{queueMicrotask(()=>{h.aborted||A()})};return t?.addEventListener(`slotchange`,s),s(),k(d,A,{immediate:!0}),k(c,t=>{if(t==null){e&&g.value&&(S(),a?.(`programmatic`)),e=!0;return}e=!0,t?(x(),o?.(`programmatic`)):g.value&&(S(),a?.(`programmatic`))},{immediate:!0}),c.value===void 0&&n.value&&(x(),o?.(`programmatic`)),k(r,e=>{e&&w(`programmatic`)}),()=>{t?.removeEventListener(`slotchange`,s),y?.(),y=null;let e=i();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}j()}},open:C,toggle:T,updatePosition:b,visible:g}},Vi=`@layer refine.base{:host{--_panel-bg:var(--popover-bg,var(--color-canvas));--_panel-blur:var(--popover-panel-blur,var(--blur-md));--_panel-border-color:var(--popover-border-color,var(--color-divider));--_panel-shadow:var(--popover-shadow,var(--shadow-xl));display:inline-block;position:relative}.panel{inset:unset;box-sizing:border-box;min-width:var(--popover-min-width,12rem);max-width:var(--popover-max-width,24rem);max-height:var(--popover-max-height,min(70vh, 32rem));word-break:auto-phrase;overflow-wrap:anywhere;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity var(--transition-fast), transform .2s var(--ease-spring), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete;margin:0;padding:0;position:fixed;overflow:auto}.panel[data-open]{opacity:1;display:block;transform:scale(1)translateY(0)}.panel:popover-open{opacity:1;transform:scale(1)translateY(0)}@starting-style{.panel:popover-open{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}@starting-style{.panel[data-open]{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}}`,Hi=8,Ui=new Set([`click`,`focus`,`hover`]),Wi=[`click`],Gi=e=>e==null?void 0:e===``||e===`true`,Ki=e=>gn(String(e??``),Ui,Wi),qi=`ore-popover`;i(qi,{props:{...W,"default-open":m.bool(!1),label:m.string(),offset:m.number(Hi),open:{default:void 0,parse:Gi},placement:m.oneOf([`bottom`,`bottom-end`,`bottom-start`,`left`,`left-end`,`left-start`,`right`,`right-end`,`right-start`,`top`,`top-end`,`top-start`],`bottom`),trigger:m.string(`click`)},setup(t){let r=a(),i=b(),s=S(),c=r.shadowRoot,l=T(()=>!!t.disabled.value),d=n(`popover`),f=T(()=>Ki(t.trigger.value)),m=null,h=Bi({bindTriggerAria:t=>e({aria:{controls:()=>d,disabled:()=>String(l.value),expanded:()=>String(h.visible.value),haspopup:`dialog`}},{target:t}),defaultOpen:t[`default-open`],disabled:l,getHost:()=>r,getPanel:()=>m,offset:t.offset,onCleanup:u,onClose:e=>i(`open-change`,{open:!1,reason:e}),onOpen:e=>i(`open-change`,{open:!0,reason:e}),openProp:t.open,placement:T(()=>t.placement.value),slot:()=>c?.querySelector(`slot:not([name])`)??null,slotElements:s.elements(),triggers:f});return p(()=>h.mount()),o`
|
|
1734
1883
|
<slot></slot>
|
|
1735
1884
|
<div
|
|
1736
1885
|
class="panel"
|
|
@@ -1744,7 +1893,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1744
1893
|
ref=${e=>{m=e}}>
|
|
1745
1894
|
<slot name="content"></slot>
|
|
1746
1895
|
</div>
|
|
1747
|
-
`},styles:[U,ra]}),customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`),this.getAttribute(`label`)}});var ua=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function da(e){return Array.from(e.querySelectorAll(`:scope > ore-column`)).map(e=>({align:e.getAttribute(`align`)??void 0,headerLabel:e.getAttribute(`header-label`)??void 0,key:e.getAttribute(`key`)??``,label:e.getAttribute(`label`)??``,resizable:e.hasAttribute(`resizable`),sortable:e.hasAttribute(`sortable`),width:e.getAttribute(`width`)??void 0}))}var fa=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],pa=e=>{let t=D(``),n=D(!1),r=D(new Set),i=D(new Set),a=D(new Map),o=D(``),s=D(`none`),c=D(new Set),l=D(0),u=T(()=>new Set(e.columns.value.map(e=>e.key))),d=T(()=>e.columns.value.filter(e=>!r.value.has(e.key))),f=T(()=>{let t=new Set((e.filterOptions.value??[]).map(e=>e.key)),n=[...i.value].filter(e=>!t.has(e));if(!n.length)return new Map;let r=new Map;for(let t of n){let n=new Set,i=[];for(let r of e.items.value){let e=r[t],a=e==null?``:String(e);n.has(a)||(n.add(a),i.push({label:a||`(empty)`,value:a}))}r.set(t,i)}return r}),p=T(()=>{let t=e.filterOptions.value??[],n=new Set(t.map(e=>e.key)),r=[...i.value].filter(e=>!n.has(e)).map(t=>({key:t,label:e.columns.value.find(e=>e.key===t)?.label??t,operators:fa,options:f.value.get(t)??[]}));return[...t.map(e=>({...e,operators:e.operators??fa})),...r]}),m=T(()=>{let n=e.items.value;if(!e.clientSide.value)return n;let r=t.value.trim().toLowerCase();return r?n.filter(e=>Object.values(e).some(e=>e!=null&&String(e).toLowerCase().includes(r))):n}),h=T(()=>{let t=m.value;return!e.clientSide.value||!a.value.size?t:t.filter(e=>{for(let[t,n]of a.value){if(!n.values.size||!u.value.has(t))continue;let r=e[t],i=r==null?``:String(r);if(n.operator===`equals`&&!n.values.has(i)||n.operator===`contains`&&![...n.values].some(e=>i.toLowerCase().includes(e.toLowerCase())))return!1;if(n.operator===`gt`||n.operator===`lt`){let e=parseFloat(i),t=[...n.values].map(parseFloat).filter(e=>!Number.isNaN(e));if(!t.length)continue;if(n.operator===`gt`&&!t.some(t=>e>t)||n.operator===`lt`&&!t.some(t=>e<t))return!1}}return!0})}),g=T(()=>({direction:s.value,key:o.value})),_=T(()=>{let t=h.value;if(!e.clientSide.value||e.sortMode.value===`server`)return t;let{direction:n,key:r}=g.value;if(!r||n===`none`)return t;let i=e.columns.value.find(e=>e.key===r);return t.slice().sort((e,t)=>{let a=i?.sortValue?i.sortValue(e):e[r],o=i?.sortValue?i.sortValue(t):t[r],s=typeof a==`number`&&typeof o==`number`?a-o:String(a??``).localeCompare(String(o??``));return n===`asc`?s:-s})}),v=T(()=>_.value.length),y=T(()=>{let t=e.pageSize.value;return Math.ceil(v.value/(t<=0?2**53-1:t))}),b=T(()=>y.value?Math.min(l.value,y.value-1):-1),x=T(()=>{let t=e.pageSize.value;if(t<=0)return _.value;let n=b.value*t;return _.value.slice(n,n+t)}),S=T(()=>y.value>0&&b.value<y.value-1),C=T(()=>b.value>0),w=T(()=>e.items.value.filter(t=>c.value.has(e.getRowKey(t))));J(u,e=>{let t=new Set([...i.value].filter(t=>e.has(t))),n=new Map([...a.value].filter(([t])=>e.has(t)));t.size!==i.value.size&&(i.value=t),n.size!==a.value.size&&(a.value=n)},{immediate:!1}),J(_,()=>{l.value=0});let E=t=>{c.value=t,e.onSelectionChange?.(t)},O=(e,t)=>{let n=new Map(a.value);t.length?n.set(e,{operator:n.get(e)?.operator??`contains`,values:new Set(t)}):n.delete(e),a.value=n},k=(e,t)=>{let n=a.value.get(e);n&&(a.value=new Map(a.value).set(e,{...n,operator:t}))},A=(t,n)=>{o.value=n===`none`?``:t,s.value=n,l.value=0,e.onSortChange?.(g.value)};return{activateFilterKey:e=>{i.value.has(e)||(i.value=new Set([...i.value,e]))},clearAllFilters:()=>{i.value=new Set,a.value=new Map},clearSelection:()=>E(new Set),currentPageItems:x,filterDefs:p,filteredRows:h,filterValues:a,goToPage:e=>{Number.isFinite(e)&&(l.value=Math.max(0,e))},hasNextPage:S,hasPrevPage:C,hiddenColumns:r,isAllSelected:()=>{let t=x.value;return t.length>0&&t.every(t=>c.value.has(e.getRowKey(t)))},nextPage:()=>{S.value&&(l.value=b.value+1)},pageCount:y,pageIndex:b,prevPage:()=>{C.value&&(l.value=b.value-1)},removeFilter:e=>{let t=new Set(i.value);t.delete(e),i.value=t;let n=new Map(a.value);n.delete(e),a.value=n},resetFilters:()=>{i.value=new Set,a.value=new Map},resetSearch:()=>{t.value=``,n.value=!1},searchActive:n,searchQuery:t,selectAll:()=>{if(e.selectionMode.value!==`multi`)return;let t=new Set(c.value);if(x.value.every(n=>t.has(e.getRowKey(n))))for(let n of x.value)t.delete(e.getRowKey(n));else for(let n of x.value)t.add(e.getRowKey(n));E(t)},selectedKeys:T(()=>new Set(c.value)),selectedRows:w,setActiveFilterKeys:e=>{let t=new Set(e);i.value=t,a.value=new Map([...a.value].filter(([e])=>t.has(e)))},setFilter:O,setFilterOperator:k,setSearchQuery:e=>{t.value=e},setSelection:e=>E(new Set(e)),sortBy:e=>{let t=o.value===e?s.value===`asc`?`desc`:s.value===`desc`?`none`:`asc`:`asc`;A(t===`none`?``:e,t)},sortState:g,sortTo:A,toggleColumnVisibility:e=>{let t=new Set(r.value);t.has(e)?t.delete(e):t.add(e),r.value=t},toggleRow:t=>{if(e.selectionMode.value===`none`)return;let n=new Set(c.value);n.has(t)?n.delete(t):(e.selectionMode.value===`single`&&n.clear(),n.add(t)),E(n)},toggleSearch:()=>{n.value&&(t.value=``),n.value=!n.value},totalItems:v,visibleColumns:d}},ma=`.dg-td, .dg-th`;function ha(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll(ma))).filter(e=>e.length>0)}function ga(e,t){let n=D({col:0,row:0}),r=e=>{let r=ha(t),i=Math.max(0,Math.min(e.row,r.length-1)),a=r[i];if(!a)return;let o=Math.max(0,Math.min(e.col,a.length-1)),s=a[o];if(s){for(let e of r)for(let t of e)t.setAttribute(`tabindex`,`-1`);s.setAttribute(`tabindex`,`0`),s.focus(),n.value={col:o,row:i}}},i=e=>{let n=t.activeElement;if(!n?.matches(ma))return;let i=ha(t),a=i.findIndex(e=>e.includes(n));if(a===-1)return;let o=i[a].indexOf(n),s=i.length-1,c=i[a].length-1,l=a,u=o;if(e.key===`ArrowRight`)u=o+1;else if(e.key===`ArrowLeft`)u=o-1;else if(e.key===`ArrowDown`)l=a+1;else if(e.key===`ArrowUp`)l=a-1;else if(e.key===`Home`)u=0,e.ctrlKey&&(l=0);else if(e.key===`End`)u=c,e.ctrlKey&&(l=s);else return;e.preventDefault(),r({col:Math.max(0,Math.min(u,(i[Math.max(0,Math.min(l,s))]?.length??1)-1)),row:Math.max(0,Math.min(l,s))})};return e.addEventListener(`keydown`,i),{cleanup:()=>e.removeEventListener(`keydown`,i),handle:{activeCell:n,focusCell:r}}}var _a=`@layer refine.base{:host{--_row-hover-bg:var(--datagrid-row-hover-bg,color-mix(in oklch, var(--color-contrast-500) 5%, transparent));--_row-selected-bg:var(--datagrid-row-selected-bg,color-mix(in oklch, var(--_accent) 10%, transparent));--_row-selected-border:var(--datagrid-row-selected-border,var(--_accent))}.dg-scroll{max-height:var(--datagrid-max-height,none);overflow:auto}.dg-table{width:100%;font-size:var(--_font-size);table-layout:auto;border-collapse:collapse}.dg-head{z-index:2;background:var(--_header-bg);box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);position:sticky;top:0}.dg-th{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-align:start;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:var(--border) solid var(--_border-color)}.dg-th[data-align=center]{text-align:center}.dg-th[data-align=right]{text-align:right}.dg-th:has(.dg-sort-btn){padding:0}.dg-sort-btn{--button-padding:var(--_cell-padding-y) var(--_cell-padding-x);--button-font-size:var(--text-xs);--button-font-weight:var(--font-semibold);--button-color:var(--color-contrast-500);--button-justify:flex-start;height:100%}.dg-th[data-align=center] .dg-sort-btn{--button-justify:center}.dg-th[data-align=right] .dg-sort-btn{--button-justify:flex-end}:host(:dir(rtl)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-th:last-child,.dg-th.dg-th-check,.dg-th.dg-th-expand,.dg-th.dg-th-last{border-right:none}:host(:dir(rtl)) .dg-th:last-child,:host(:dir(rtl)) .dg-th.dg-th-check,:host(:dir(rtl)) .dg-th.dg-th-expand,:host(:dir(rtl)) .dg-th.dg-th-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-last{border-left:none}.dg-th-inner{gap:var(--size-1);align-items:center;display:flex;position:relative}.dg-th[aria-sort]:has(.dg-sort-btn:hover):not(:has(.dg-sort-btn[aria-disabled=true])){background:color-mix(in oklch, var(--color-contrast-900) 5%, transparent)}.dg-th[aria-sort=ascending] .dg-sort-icon,.dg-th[aria-sort=descending] .dg-sort-icon{color:var(--_accent)}.dg-th-check{width:var(--size-5);min-width:var(--size-5);padding:var(--_cell-padding-y) var(--_cell-padding-x)}.dg-th-check,.dg-td-check{vertical-align:middle;text-align:center}.dg-td.dg-td-check{padding:var(--size-1) 0 0}.dg-check{cursor:pointer;justify-content:center;align-items:center;gap:0;min-height:0;display:inline-flex}.dg-body .dg-tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}.dg-body .dg-tr:hover:not([data-disabled],[aria-selected=true]){background:var(--_row-hover-bg)}.dg-body .dg-tr[aria-selected=true]{background:var(--_row-selected-bg)}.dg-body .dg-tr[data-selectable]{cursor:pointer;outline:none}.dg-body .dg-tr[data-selectable]:focus-visible{box-shadow:inset 0 0 0 2px var(--_row-selected-border)}.dg-body .dg-tr[data-disabled]{pointer-events:none;opacity:.45}:host([striped]) .dg-body .dg-tr:nth-child(2n){background:var(--_stripe-bg)}:host([striped]) .dg-body .dg-tr:nth-child(2n)[aria-selected=true]{background:var(--_row-selected-bg)}.dg-td{max-width:var(--datagrid-cell-max-width,32ch);padding:var(--_cell-padding-y) var(--_cell-padding-x);text-overflow:ellipsis;vertical-align:middle;color:var(--color-contrast-800);white-space:nowrap;border-right:var(--border) solid var(--_border-color);overflow:hidden}.dg-td[data-align=center]{text-align:center}.dg-td[data-align=right]{text-align:right}:host(:dir(rtl)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-td:last-child,.dg-td.dg-td-check,.dg-td.dg-td-expand,.dg-td.dg-td-last{border-right:none}:host(:dir(rtl)) .dg-td:last-child,:host(:dir(rtl)) .dg-td.dg-td-check,:host(:dir(rtl)) .dg-td.dg-td-expand,:host(:dir(rtl)) .dg-td.dg-td-last{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td:last-child{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-check{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-expand{border-left:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-last{border-left:none}.dg-empty{padding:var(--size-12) var(--_cell-padding-x);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.dg-empty-content{gap:var(--size-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.dg-empty-actions{margin-top:var(--size-2)}.dg-controls{gap:var(--size-3);height:var(--size-8);padding:var(--size-1-5) var(--_cell-padding-x);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);justify-content:space-between;align-items:center;display:flex}.dg-tabs{gap:var(--size-1);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.dg-tab{--button-padding:var(--size-0-5) var(--size-2-5);--button-font-size:var(--text-xs);--button-color:var(--color-contrast-500);flex:1;min-width:0}.dg-tab--active{--button-color:var(--color-contrast-900);--button-bg:color-mix(in oklch, var(--color-contrast-500) 10%, transparent);--button-border-color:var(--_border-color);--button-border:var(--border);font-weight:var(--font-semibold)}.dg-actions{gap:var(--size-0-5);flex-shrink:0;align-items:center;display:flex}.dg-action-divider{width:var(--border);height:var(--size-4);margin-inline:var(--size-1);background:var(--_border-color);flex-shrink:0;display:inline-block}.dg-action-divider[hidden]{display:none}.dg-filter{width:100%;display:block}.dg-search{gap:var(--size-1);flex-direction:row-reverse;align-items:center;display:flex}.dg-search-input{opacity:0;width:0;transition:width var(--transition-fast), opacity var(--transition-fast);--input-height:var(--size-7);flex-shrink:0;display:block;overflow:hidden}.dg-search--open .dg-search-input{opacity:1;width:12rem;overflow:visible}@media (prefers-reduced-motion:reduce){.dg-search-input{transition:none}}.dg-action-popover{display:inline-flex}.dg-pop-header{padding:var(--size-3) var(--size-3) var(--size-2);justify-content:space-between;align-items:center;display:flex}.dg-pop-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-600);letter-spacing:.02em}.dg-pop-sort{padding-bottom:var(--size-2);flex-direction:column;display:flex}.dg-pop-sort-row{gap:var(--size-2);padding:var(--size-1) var(--size-3);align-items:center;display:flex}.dg-pop-select{--select-min-width:var(--size-20);flex:2}.dg-pop-dir-select{--select-min-width:var(--size-10);flex:1}.dg-pop-filter{flex-direction:column;display:flex}.dg-pop-filter-fields{padding:0 var(--size-3) var(--size-3)}.dg-pop-filter-rules{border-top:var(--border) solid var(--_border-color);padding-top:var(--size-1)}.dg-pop-filter-rules[hidden]{display:none}.dg-pop-filter-rule{gap:var(--size-2);padding:var(--size-2) var(--size-3);flex-direction:column;display:flex}.dg-pop-filter-rule-header{gap:var(--size-1-5);align-items:center;display:flex}.dg-pop-filter-field{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-800);white-space:nowrap}.dg-pop-filter-op-select{--select-min-width:0;--select-height:var(--size-6);--select-font-size:var(--text-2xs);--select-padding-x:var(--size-1-5);flex:1;min-width:6rem}.dg-pop-col-item{--button-radius:var(--rounded-md);justify-content:flex-start}.dg-pop-col-list{gap:var(--size-1);max-width:25rem;padding:var(--size-3);flex-wrap:wrap;display:flex}.dg-footer{gap:var(--size-2);padding:var(--size-2) var(--_cell-padding-x);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--_header-bg);align-items:center;display:flex}.dg-footer-info{white-space:nowrap}.dg-footer-end{gap:var(--size-2);align-items:center;width:fit-content;display:flex}.dg-footer-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.dg-footer-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.dg-page-size-wrap{flex-shrink:0;width:5rem}.dg-page-size-select{--select-min-width:0;--select-height:var(--size-7);--select-font-size:var(--text-xs);--select-padding-x:var(--size-2)}.dg-pagination{gap:var(--size-1);align-items:center;display:flex}:host(:dir(rtl)) .dg-page-btn{transform:scaleX(-1)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-page-btn{transform:scaleX(-1)}.dg-page-btn{--button-color:var(--color-contrast-600);--button-radius:var(--rounded-md);width:var(--size-7);height:var(--size-7)}.dg-page-btn:hover{--button-color:var(--color-contrast-900);--button-bg:var(--color-contrast-300)}.dg-page-btn:disabled{cursor:not-allowed;opacity:.35}.dg-page-label{padding-inline:var(--size-1);white-space:nowrap}.dg-col-resize{inset-block:calc(var(--_cell-padding-y) * -1);width:var(--size-1);cursor:col-resize;-webkit-user-select:none;user-select:none;border-radius:var(--rounded);transition:background var(--transition-fast);background:0 0;position:absolute}.dg-col-resize:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:hover,.dg-col-resize:active{background:var(--_accent,var(--color-contrast-300))}.dg-td:focus-visible,.dg-th:focus-visible{outline:2px solid var(--_row-selected-border);outline-offset:-2px}.dg-tr-expanded .dg-td-expanded{padding:var(--_cell-padding-y) var(--_cell-padding-x);box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-600) 4%, var(--_bg,transparent)), inset 0 calc(var(--border) * -1) 0 var(--_border-color);border:none}.dg-tr-expanded:last-child .dg-td-expanded{box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-900) 4%, var(--_bg,transparent))}.dg-tr:has(+.dg-tr-expanded){border-bottom:none}.dg-th-expand,.dg-td-expand{width:var(--size-8);min-width:var(--size-8);padding-block:var(--size-1) 0;padding-inline:0 var(--size-2);text-align:center;white-space:nowrap;border-left:none;border-right:none}.dg-expand-btn{--button-color:var(--color-contrast-500);--button-radius:var(--rounded-sm);width:var(--size-5);height:var(--size-5)}.dg-expand-btn:hover{--button-color:var(--color-contrast-900)}.dg-expand-btn:disabled{cursor:not-allowed;opacity:.4}.dg-loading-overlay{z-index:3;background:color-mix(in oklch, var(--_bg,white) 40%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;display:none;position:absolute;inset:0}:host([loading]) .dg-loading-overlay{display:flex}:host([loading]) .dg-scroll table{pointer-events:none;opacity:.5}.dg-spin{animation:1s linear infinite dg-spin}@keyframes dg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}`;function va(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function ya(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}var ba=`ore-datagrid`;i(ba,{props:{activeView:m.string(),density:m.string(),...Z,...ct,columns:m.data(),emptyText:m.string(`No data`),expandable:m.bool(!1),filterOptions:m.data(),fullwidth:m.bool(!1),getRowKey:m.data(),label:m.string(),pageSize:m.number(10),pageSizeOptions:m.data(),rows:m.data(),searchLabel:m.data(),searchPlaceholder:m.string(`Search…`),selectedKeys:m.data(),selectionMode:m.string(`none`),sortMode:m.string(`client`),source:m.data(),striped:m.bool(!1),views:m.data()},setup(e){let t=a(),n=b(),r=S(),i=T(()=>e.disabled.value===!0),s=T(()=>e.selectionMode.value??`none`),c=D(new Set),l=T(()=>e.expandable.value===!0&&h.value.some(e=>typeof e.renderExpanded==`function`)),d=T(()=>+(s.value===`multi`)),f=D(e.pageSize.value??10);J(e.pageSize,e=>{e!=null&&(f.value=e)});let m=D([]);p(()=>{m.value=da(t);let e=new MutationObserver(()=>{m.value=da(t)});return e.observe(t,{attributeFilter:ua,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let h=T(()=>{let t=e.columns.value;return t===void 0?m.value:t}),g=t=>{let n=e.getRowKey.value;if(n)return n(t);let r=t.id;return r==null?`__missing_${Math.random().toString(36).slice(2)}`:String(r)},_=T(()=>e.source.value!=null),v=D([]),x=D({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:f.value,totalItems:0}),C=null;u(()=>{C?.(),C=null}),J(e.source,e=>{if(C?.(),C=null,!e){v.value=[],x.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:f.value,totalItems:0};return}let t=(t=e.snapshot)=>{v.value=t.data,x.value={error:t.error,isLoading:t.isFetching,pageCount:t.pagination.count,pageNumber:t.pagination.index,pageSize:t.pagination.size,totalItems:t.pagination.total}};t(),C=e.subscribe(t)},{immediate:!0});let w=pa({clientSide:T(()=>!_.value),columns:h,filterOptions:e.filterOptions,getRowKey:g,items:T(()=>_.value?v.value:e.rows.value??[]),onSelectionChange:e=>{n(`selection-change`,{keys:[...e],rows:w.selectedRows.value})},onSortChange:e=>{n(`sort-change`,e)},pageSize:T(()=>_.value?0:f.value),selectionMode:s,sortMode:T(()=>e.sortMode.value??`client`)}),E=Fi(t=>{let n=e.source.value;n?.setQuery?n.setQuery({search:t}):w.setSearchQuery(t)},250);J(e.selectedKeys,e=>{Array.isArray(e)&&w.setSelection(new Set(e))},{immediate:!0});let O=D({}),k=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{O.value={...O.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},A=w.visibleColumns,j=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};function M(t){let r=e.source.value;if(r){t===`prev`?r.page?.previous():r.page?.next();return}t===`prev`?w.prevPage():w.nextPage(),n(`page-change`,{pageIndex:w.pageIndex.value,pageSize:f.value})}let N=T(()=>{let e=w.currentPageItems.value;return!e.length||w.isAllSelected()?!1:e.some(e=>w.selectedKeys.value.has(g(e)))}),P=T(()=>A.value.length+ +(s.value===`multi`)+ +!!l.value),F=T(()=>_.value?x.value.pageCount>1:f.value>0),I=T(()=>{if(_.value){let{pageNumber:e,pageSize:t,totalItems:n}=x.value,r=Math.max(1,t);if(!F.value)return`${n} row${n===1?``:`s`}`;if(n===0)return`0 to 0 of 0`;let i=(e-1)*r+1;return`${i} to ${Math.min(i+r-1,n)} of ${n}`}let e=w.totalItems.value;if(!F.value)return`${e} row${e===1?``:`s`}`;if(e===0)return`0 to 0 of 0`;let t=w.pageIndex.value*f.value+1;return`${t} to ${Math.min(t+f.value-1,e)} of ${e}`}),L=T(()=>e.loading.value===!0||_.value&&x.value.isLoading),R=T(()=>_.value?x.value.pageNumber>1:w.hasPrevPage.value),ee=T(()=>_.value?x.value.pageNumber<x.value.pageCount:w.hasNextPage.value),te=T(()=>_.value?x.value.totalItems===0?`0 / 0`:`${x.value.pageNumber} / ${x.value.pageCount}`:`${w.pageIndex.value+1} / ${w.pageCount.value}`),ne=[`compact`,`cozy`,`comfortable`],re={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},ie={comfortable:`Density: Comfortable`,compact:`Density: Compact`,cozy:`Density: Cozy`},z=D(e.density.value??`cozy`);J(e.density,e=>{e&&(z.value=e)});let ae=()=>{let e=ne.indexOf(z.value),r=ne[(e+1)%ne.length];z.value=r,t.setAttribute(`density`,r),n(`density-change`,{density:r})},B=D(!1),oe=e=>{let t=new Set(c.value),r=!t.has(e);r?t.add(e):t.delete(e),c.value=t,n(`row-expand`,{expanded:r,key:e})},V={activeCell:D({col:0,row:0}),focusCell:()=>{}};p(()=>{let e=t.shadowRoot,n=e.querySelector(`.dg-table`);if(!n)return;let{cleanup:r,handle:i}=ga(n,e);return V=i,r}),t.focusCell=e=>V.focusCell(e);let H=()=>{let t=e.views.value??[],r=e.activeView.value;return o`
|
|
1896
|
+
`},styles:[q,Vi]});var Ji=`@layer refine.base{:host{--_row-hover-bg:var(--datagrid-row-hover-bg,color-mix(in oklch, var(--color-contrast-500) 5%, transparent));--_row-selected-bg:var(--datagrid-row-selected-bg,color-mix(in oklch, var(--_accent) 10%, transparent));--_row-selected-border:var(--datagrid-row-selected-border,var(--_accent))}.dg-scroll{max-height:var(--datagrid-max-height,none);overflow:auto}.dg-table{width:100%;font-size:var(--_font-size);table-layout:auto;border-collapse:collapse}.dg-head{z-index:2;background:var(--_header-bg);box-shadow:inset 0 calc(var(--border) * -1) 0 var(--_border-color);position:sticky;top:0}.dg-th{padding:var(--_cell-padding-y) var(--_cell-padding-x);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:var(--border) solid var(--_border-color)}.dg-th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dg-th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.dg-th[data-align=center]{text-align:center}.dg-th[data-align=right]{text-align:right}.dg-th:has(.dg-sort-btn){padding:0}.dg-sort-btn{--button-padding:var(--_cell-padding-y) var(--_cell-padding-x);--button-font-size:var(--text-xs);--button-font-weight:var(--font-semibold);--button-color:var(--color-contrast-500);--button-justify:flex-start;height:100%}.dg-th[data-align=center] .dg-sort-btn{--button-justify:center}.dg-th[data-align=right] .dg-sort-btn{--button-justify:flex-end}:host(:dir(rtl)) .dg-th,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-th:last-child,.dg-th.dg-th-check,.dg-th.dg-th-expand,.dg-th.dg-th-last{border-right:none}:host(:dir(rtl)) .dg-th:last-child,:host(:dir(rtl)) .dg-th.dg-th-check,:host(:dir(rtl)) .dg-th.dg-th-expand,:host(:dir(rtl)) .dg-th.dg-th-last,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th:last-child,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-check,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-expand,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-th.dg-th-last{border-left:none}.dg-th-inner{gap:var(--size-1);align-items:center;display:flex;position:relative}.dg-th[aria-sort]:has(.dg-sort-btn:hover):not(:has(.dg-sort-btn[aria-disabled=true])){background:color-mix(in oklch, var(--color-contrast-900) 5%, transparent)}.dg-th[aria-sort=ascending] .dg-sort-icon,.dg-th[aria-sort=descending] .dg-sort-icon{color:var(--_accent)}.dg-th-check{width:var(--size-5);min-width:var(--size-5);padding:var(--_cell-padding-y) var(--_cell-padding-x)}.dg-th-check,.dg-td-check{vertical-align:middle;text-align:center}.dg-td.dg-td-check{padding:var(--size-1) 0 0}.dg-check{cursor:pointer;justify-content:center;align-items:center;gap:0;min-height:0;display:inline-flex}.dg-body .dg-tr{border-bottom:var(--border) solid var(--_border-color);transition:background var(--transition-fast)}.dg-body .dg-tr:hover:not(:is([data-disabled],[aria-selected=true])){background:var(--_row-hover-bg)}.dg-body .dg-tr[aria-selected=true]{background:var(--_row-selected-bg)}.dg-body .dg-tr[data-selectable]{cursor:pointer;outline:none}.dg-body .dg-tr[data-selectable]:focus-visible{box-shadow:inset 0 0 0 2px var(--_row-selected-border)}.dg-body .dg-tr[data-disabled]{pointer-events:none;opacity:.45}:host([striped]) .dg-body .dg-tr:nth-child(2n){background:var(--_stripe-bg)}:host([striped]) .dg-body .dg-tr:nth-child(2n)[aria-selected=true]{background:var(--_row-selected-bg)}.dg-td{max-width:var(--datagrid-cell-max-width,32ch);padding:var(--_cell-padding-y) var(--_cell-padding-x);text-overflow:ellipsis;vertical-align:middle;color:var(--color-contrast-800);white-space:nowrap;border-right:var(--border) solid var(--_border-color);overflow:hidden}.dg-td[data-align=center]{text-align:center}.dg-td[data-align=right]{text-align:right}:host(:dir(rtl)) .dg-td,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td{border-right:none;border-left:var(--border) solid var(--_border-color)}.dg-td:last-child,.dg-td.dg-td-check,.dg-td.dg-td-expand,.dg-td.dg-td-last{border-right:none}:host(:dir(rtl)) .dg-td:last-child,:host(:dir(rtl)) .dg-td.dg-td-check,:host(:dir(rtl)) .dg-td.dg-td-expand,:host(:dir(rtl)) .dg-td.dg-td-last,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td:last-child,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-check,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-expand,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-td.dg-td-last{border-left:none}.dg-empty{padding:var(--size-12) var(--_cell-padding-x);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.dg-empty-content{gap:var(--size-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.dg-empty-actions{margin-top:var(--size-2)}.dg-controls{gap:var(--size-3);height:var(--size-8);padding:var(--size-1-5) var(--_cell-padding-x);background:var(--_header-bg);border-bottom:var(--border) solid var(--_border-color);justify-content:space-between;align-items:center;display:flex}.dg-tabs{gap:var(--size-1);flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.dg-tab{--button-padding:var(--size-0-5) var(--size-2-5);--button-font-size:var(--text-xs);--button-color:var(--color-contrast-500);flex:1;min-width:0}.dg-tab--active{--button-color:var(--color-contrast-900);--button-bg:color-mix(in oklch, var(--color-contrast-500) 10%, transparent);--button-border-color:var(--_border-color);--button-border:var(--border);font-weight:var(--font-semibold)}.dg-actions{gap:var(--size-0-5);flex-shrink:0;align-items:center;display:flex}.dg-action-divider{width:var(--border);height:var(--size-4);margin-inline:var(--size-1);background:var(--_border-color);flex-shrink:0;display:inline-block}.dg-action-divider[hidden]{display:none}.dg-filter{width:100%;display:block}.dg-search{gap:var(--size-1);flex-direction:row-reverse;align-items:center;display:flex}.dg-search-input{--input-height:var(--size-7);opacity:0;width:0;transition:width var(--transition-fast), opacity var(--transition-fast);flex-shrink:0;display:block;overflow:hidden}.dg-search--open .dg-search-input{opacity:1;width:12rem;overflow:visible}@media (prefers-reduced-motion:reduce){.dg-search-input{transition:none}}.dg-action-popover{display:inline-flex}.dg-pop-header{padding:var(--size-3) var(--size-3) var(--size-2);justify-content:space-between;align-items:center;display:flex}.dg-pop-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-600);letter-spacing:.02em}.dg-pop-sort{padding-bottom:var(--size-2);flex-direction:column;display:flex}.dg-pop-sort-row{gap:var(--size-2);padding:var(--size-1) var(--size-3);align-items:center;display:flex}.dg-pop-select{--select-min-width:var(--size-20);flex:2}.dg-pop-dir-select{--select-min-width:var(--size-10);flex:1}.dg-pop-filter{flex-direction:column;display:flex}.dg-pop-filter-fields{padding:0 var(--size-3) var(--size-3)}.dg-pop-filter-rules{border-top:var(--border) solid var(--_border-color);padding-top:var(--size-1)}.dg-pop-filter-rules[hidden]{display:none}.dg-pop-filter-rule{gap:var(--size-2);padding:var(--size-2) var(--size-3);flex-direction:column;display:flex}.dg-pop-filter-rule-header{gap:var(--size-1-5);align-items:center;display:flex}.dg-pop-filter-field{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-800);white-space:nowrap}.dg-pop-filter-op-select{--select-min-width:0;--select-height:var(--size-6);--select-font-size:var(--text-2xs);--select-padding-x:var(--size-1-5);flex:1;min-width:6rem}.dg-pop-col-item{--button-radius:var(--rounded-md);justify-content:flex-start}.dg-pop-col-list{gap:var(--size-1);max-width:25rem;padding:var(--size-3);flex-wrap:wrap;display:flex}.dg-footer{gap:var(--size-2);padding:var(--size-2) var(--_cell-padding-x);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--_header-bg);align-items:center;display:flex}.dg-footer-info{white-space:nowrap}.dg-footer-end{gap:var(--size-2);align-items:center;width:fit-content;display:flex}.dg-footer-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.dg-footer-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.dg-page-size-wrap{flex-shrink:0;width:5rem}.dg-page-size-select{--select-min-width:0;--select-height:var(--size-7);--select-font-size:var(--text-xs);--select-padding-x:var(--size-2)}.dg-pagination{gap:var(--size-1);align-items:center;display:flex}:host(:dir(rtl)) .dg-page-btn,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dg-page-btn{transform:scaleX(-1)}.dg-page-btn{--button-color:var(--color-contrast-600);--button-radius:var(--rounded-md);width:var(--size-7);height:var(--size-7)}.dg-page-btn:hover{--button-color:var(--color-contrast-900);--button-bg:var(--color-contrast-300)}.dg-page-btn:disabled{cursor:not-allowed;opacity:.35}.dg-page-label{padding-inline:var(--size-1);white-space:nowrap}.dg-col-resize{inset-block:calc(var(--_cell-padding-y) * -1);width:var(--size-1);cursor:col-resize;-webkit-user-select:none;user-select:none;border-radius:var(--rounded);transition:background var(--transition-fast);background:0 0;position:absolute}.dg-col-resize:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc((var(--_cell-padding-x) + var(--border) + 2px) * -1)}.dg-col-resize:hover,.dg-col-resize:active{background:var(--_accent,var(--color-contrast-300))}.dg-td:focus-visible,.dg-th:focus-visible{outline:2px solid var(--_row-selected-border);outline-offset:-2px}.dg-tr-expanded .dg-td-expanded{padding:var(--_cell-padding-y) var(--_cell-padding-x);box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-600) 4%, var(--_bg,transparent)), inset 0 calc(var(--border) * -1) 0 var(--_border-color);border:none}.dg-tr-expanded:last-child .dg-td-expanded{box-shadow:inset 0 0 0 9999px color-mix(in oklch, var(--color-contrast-900) 4%, var(--_bg,transparent))}.dg-tr:has(+.dg-tr-expanded){border-bottom:none}.dg-th-expand,.dg-td-expand{width:var(--size-8);min-width:var(--size-8);padding-block:var(--size-1) 0;padding-inline:0 var(--size-2);text-align:center;white-space:nowrap;border-left:none;border-right:none}.dg-expand-btn{--button-color:var(--color-contrast-500);--button-radius:var(--rounded-sm);width:var(--size-5);height:var(--size-5)}.dg-expand-btn:hover{--button-color:var(--color-contrast-900)}.dg-expand-btn:disabled{cursor:not-allowed;opacity:.4}.dg-loading-overlay{z-index:3;background:color-mix(in oklch, var(--_bg,white) 40%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;display:none;position:absolute;inset:0}:host([loading]) .dg-loading-overlay{display:flex}:host([loading]) .dg-scroll table{pointer-events:none;opacity:.5}.dg-spin{animation:1s linear infinite dg-spin}@keyframes dg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}`;customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`),this.getAttribute(`label`)}});var Yi=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function Xi(e){return Array.from(e.querySelectorAll(`:scope > ore-column`)).map(e=>({align:e.getAttribute(`align`)??void 0,headerLabel:e.getAttribute(`header-label`)??void 0,key:e.getAttribute(`key`)??``,label:e.getAttribute(`label`)??``,resizable:e.hasAttribute(`resizable`),sortable:e.hasAttribute(`sortable`),width:e.getAttribute(`width`)??void 0}))}var Zi=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],Qi=e=>{let t=D(``),n=D(!1),r=D(new Set),i=D(new Set),a=D(new Map),o=D(``),s=D(`none`),c=D(new Set),l=D(0),u=T(()=>new Set(e.columns.value.map(e=>e.key))),d=T(()=>e.columns.value.filter(e=>!r.value.has(e.key))),f=T(()=>{let t=new Set((e.filterOptions.value??[]).map(e=>e.key)),n=[...i.value].filter(e=>!t.has(e));if(!n.length)return new Map;let r=new Map;for(let t of n){let n=new Set,i=[];for(let r of e.items.value){let e=r[t],a=e==null?``:String(e);n.has(a)||(n.add(a),i.push({label:a||`(empty)`,value:a}))}r.set(t,i)}return r}),p=T(()=>{let t=e.filterOptions.value??[],n=new Set(t.map(e=>e.key)),r=[...i.value].filter(e=>!n.has(e)).map(t=>({key:t,label:e.columns.value.find(e=>e.key===t)?.label??t,operators:Zi,options:f.value.get(t)??[]}));return[...t.map(e=>({...e,operators:e.operators??Zi})),...r]}),m=T(()=>{let n=e.items.value;if(!e.clientSide.value)return n;let r=t.value.trim().toLowerCase();return r?n.filter(e=>Object.values(e).some(e=>e!=null&&String(e).toLowerCase().includes(r))):n}),h=T(()=>{let t=m.value;return!e.clientSide.value||!a.value.size?t:t.filter(e=>{for(let[t,n]of a.value){if(!n.values.size||!u.value.has(t))continue;let r=e[t],i=r==null?``:String(r);if(n.operator===`equals`&&!n.values.has(i)||n.operator===`contains`&&![...n.values].some(e=>i.toLowerCase().includes(e.toLowerCase())))return!1;if(n.operator===`gt`||n.operator===`lt`){let e=parseFloat(i),t=[...n.values].map(parseFloat).filter(e=>!Number.isNaN(e));if(!t.length)continue;if(n.operator===`gt`&&!t.some(t=>e>t)||n.operator===`lt`&&!t.some(t=>e<t))return!1}}return!0})}),g=T(()=>({direction:s.value,key:o.value})),_=T(()=>{let t=h.value;if(!e.clientSide.value||e.sortMode.value===`server`)return t;let{direction:n,key:r}=g.value;if(!r||n===`none`)return t;let i=e.columns.value.find(e=>e.key===r);return t.slice().sort((e,t)=>{let a=i?.sortValue?i.sortValue(e):e[r],o=i?.sortValue?i.sortValue(t):t[r],s=typeof a==`number`&&typeof o==`number`?a-o:String(a??``).localeCompare(String(o??``));return n===`asc`?s:-s})}),v=T(()=>_.value.length),y=T(()=>{let t=e.pageSize.value;return Math.ceil(v.value/(t<=0?2**53-1:t))}),b=T(()=>y.value?Math.min(l.value,y.value-1):-1),x=T(()=>{let t=e.pageSize.value;if(t<=0)return _.value;let n=b.value*t;return _.value.slice(n,n+t)}),S=T(()=>y.value>0&&b.value<y.value-1),C=T(()=>b.value>0),w=T(()=>e.items.value.filter(t=>c.value.has(e.getRowKey(t))));k(u,e=>{let t=new Set([...i.value].filter(t=>e.has(t))),n=new Map([...a.value].filter(([t])=>e.has(t)));t.size!==i.value.size&&(i.value=t),n.size!==a.value.size&&(a.value=n)},{immediate:!1}),k(_,()=>{l.value=0});let E=t=>{c.value=t,e.onSelectionChange?.(t)},O=(e,t)=>{let n=new Map(a.value);t.length?n.set(e,{operator:n.get(e)?.operator??`contains`,values:new Set(t)}):n.delete(e),a.value=n},A=(e,t)=>{let n=a.value.get(e);n&&(a.value=new Map(a.value).set(e,{...n,operator:t}))},j=(t,n)=>{o.value=n===`none`?``:t,s.value=n,l.value=0,e.onSortChange?.(g.value)};return{activateFilterKey:e=>{i.value.has(e)||(i.value=new Set([...i.value,e]))},clearAllFilters:()=>{i.value=new Set,a.value=new Map},clearSelection:()=>E(new Set),currentPageItems:x,filterDefs:p,filteredRows:h,filterValues:a,goToPage:e=>{Number.isFinite(e)&&(l.value=Math.max(0,e))},hasNextPage:S,hasPrevPage:C,hiddenColumns:r,isAllSelected:()=>{let t=x.value;return t.length>0&&t.every(t=>c.value.has(e.getRowKey(t)))},nextPage:()=>{S.value&&(l.value=b.value+1)},pageCount:y,pageIndex:b,prevPage:()=>{C.value&&(l.value=b.value-1)},removeFilter:e=>{let t=new Set(i.value);t.delete(e),i.value=t;let n=new Map(a.value);n.delete(e),a.value=n},resetFilters:()=>{i.value=new Set,a.value=new Map},resetSearch:()=>{t.value=``,n.value=!1},searchActive:n,searchQuery:t,selectAll:()=>{if(e.selectionMode.value!==`multi`)return;let t=new Set(c.value);if(x.value.every(n=>t.has(e.getRowKey(n))))for(let n of x.value)t.delete(e.getRowKey(n));else for(let n of x.value)t.add(e.getRowKey(n));E(t)},selectedKeys:T(()=>new Set(c.value)),selectedRows:w,setActiveFilterKeys:e=>{let t=new Set(e);i.value=t,a.value=new Map([...a.value].filter(([e])=>t.has(e)))},setFilter:O,setFilterOperator:A,setSearchQuery:e=>{t.value=e},setSelection:e=>E(new Set(e)),sortBy:e=>{let t=o.value===e?s.value===`asc`?`desc`:s.value===`desc`?`none`:`asc`:`asc`;j(t===`none`?``:e,t)},sortState:g,sortTo:j,toggleColumnVisibility:e=>{let t=new Set(r.value);t.has(e)?t.delete(e):t.add(e),r.value=t},toggleRow:t=>{if(e.selectionMode.value===`none`)return;let n=new Set(c.value);n.has(t)?n.delete(t):(e.selectionMode.value===`single`&&n.clear(),n.add(t)),E(n)},toggleSearch:()=>{n.value&&(t.value=``),n.value=!n.value},totalItems:v,visibleColumns:d}},$i=`.dg-td, .dg-th`;function ea(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll($i))).filter(e=>e.length>0)}function ta(e,t){let n=D({col:0,row:0}),r=e=>{let r=ea(t),i=Math.max(0,Math.min(e.row,r.length-1)),a=r[i];if(!a)return;let o=Math.max(0,Math.min(e.col,a.length-1)),s=a[o];if(s){for(let e of r)for(let t of e)t.setAttribute(`tabindex`,`-1`);s.setAttribute(`tabindex`,`0`),s.focus(),n.value={col:o,row:i}}},i=e=>{let n=t.activeElement;if(!n?.matches($i))return;let i=ea(t),a=i.findIndex(e=>e.includes(n));if(a===-1)return;let o=i[a].indexOf(n),s=i.length-1,c=i[a].length-1,l=a,u=o;if(e.key===`ArrowRight`)u=o+1;else if(e.key===`ArrowLeft`)u=o-1;else if(e.key===`ArrowDown`)l=a+1;else if(e.key===`ArrowUp`)l=a-1;else if(e.key===`Home`)u=0,e.ctrlKey&&(l=0);else if(e.key===`End`)u=c,e.ctrlKey&&(l=s);else return;e.preventDefault(),r({col:Math.max(0,Math.min(u,(i[Math.max(0,Math.min(l,s))]?.length??1)-1)),row:Math.max(0,Math.min(l,s))})};return e.addEventListener(`keydown`,i),{cleanup:()=>e.removeEventListener(`keydown`,i),handle:{activeCell:n,focusCell:r}}}function na(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function ra(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}var ia=`ore-datagrid`;i(ia,{props:{activeView:m.string(),density:m.string(),...W,...ye,columns:m.data(),emptyText:m.string(`No data`),expandable:m.bool(!1),filterOptions:m.data(),fullwidth:m.bool(!1),getRowKey:m.data(),label:m.string(),pageSize:m.number(10),pageSizeOptions:m.data(),rows:m.data(),searchLabel:m.data(),searchPlaceholder:m.string(`Search…`),selectedKeys:m.data(),selectionMode:m.string(`none`),sortMode:m.string(`client`),source:m.data(),striped:m.bool(!1),views:m.data()},setup(e){let t=a(),n=b(),r=S(),i=T(()=>e.disabled.value===!0),s=T(()=>e.selectionMode.value??`none`),c=D(new Set),l=T(()=>e.expandable.value===!0&&h.value.some(e=>typeof e.renderExpanded==`function`)),d=T(()=>+(s.value===`multi`)),f=D(e.pageSize.value??10);k(e.pageSize,e=>{e!=null&&(f.value=e)});let m=D([]);p(()=>{m.value=Xi(t);let e=new MutationObserver(()=>{m.value=Xi(t)});return e.observe(t,{attributeFilter:Yi,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let h=T(()=>{let t=e.columns.value;return t===void 0?m.value:t}),g=t=>{let n=e.getRowKey.value;if(n)return n(t);let r=t.id;return r==null?`__missing_${Math.random().toString(36).slice(2)}`:String(r)},_=T(()=>e.source.value!=null),v=D([]),x=D({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:f.value,totalItems:0}),C=null;u(()=>{C?.(),C=null}),k(e.source,e=>{if(C?.(),C=null,!e){v.value=[],x.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:f.value,totalItems:0};return}let t=(t=e.snapshot)=>{v.value=t.data,x.value={error:t.error,isLoading:t.isFetching,pageCount:t.pagination.count,pageNumber:t.pagination.index,pageSize:t.pagination.size,totalItems:t.pagination.total}};t(),C=e.subscribe(t)},{immediate:!0});let w=Qi({clientSide:T(()=>!_.value),columns:h,filterOptions:e.filterOptions,getRowKey:g,items:T(()=>_.value?v.value:e.rows.value??[]),onSelectionChange:e=>{n(`selection-change`,{keys:[...e],rows:w.selectedRows.value})},onSortChange:e=>{n(`sort-change`,e)},pageSize:T(()=>_.value?0:f.value),selectionMode:s,sortMode:T(()=>e.sortMode.value??`client`)}),E=Li(t=>{let n=e.source.value;n?.setQuery?n.setQuery({search:t}):w.setSearchQuery(t)},250);k(e.selectedKeys,e=>{Array.isArray(e)&&w.setSelection(new Set(e))},{immediate:!0});let O=D({}),A=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{O.value={...O.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},j=w.visibleColumns,M=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};function N(t){let r=e.source.value;if(r){t===`prev`?r.page?.previous():r.page?.next();return}t===`prev`?w.prevPage():w.nextPage(),n(`page-change`,{pageIndex:w.pageIndex.value,pageSize:f.value})}let P=T(()=>{let e=w.currentPageItems.value;return!e.length||w.isAllSelected()?!1:e.some(e=>w.selectedKeys.value.has(g(e)))}),F=T(()=>j.value.length+ +(s.value===`multi`)+ +!!l.value),I=T(()=>_.value?x.value.pageCount>1:f.value>0),L=T(()=>{if(_.value){let{pageNumber:e,pageSize:t,totalItems:n}=x.value,r=Math.max(1,t);if(!I.value)return`${n} row${n===1?``:`s`}`;if(n===0)return`0 to 0 of 0`;let i=(e-1)*r+1;return`${i} to ${Math.min(i+r-1,n)} of ${n}`}let e=w.totalItems.value;if(!I.value)return`${e} row${e===1?``:`s`}`;if(e===0)return`0 to 0 of 0`;let t=w.pageIndex.value*f.value+1;return`${t} to ${Math.min(t+f.value-1,e)} of ${e}`}),R=T(()=>e.loading.value===!0||_.value&&x.value.isLoading),ee=T(()=>_.value?x.value.pageNumber>1:w.hasPrevPage.value),z=T(()=>_.value?x.value.pageNumber<x.value.pageCount:w.hasNextPage.value),te=T(()=>_.value?x.value.totalItems===0?`0 / 0`:`${x.value.pageNumber} / ${x.value.pageCount}`:`${w.pageIndex.value+1} / ${w.pageCount.value}`),B=[`compact`,`cozy`,`comfortable`],ne={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},re={comfortable:`Density: Comfortable`,compact:`Density: Compact`,cozy:`Density: Cozy`},V=D(e.density.value??`cozy`);k(e.density,e=>{e&&(V.value=e)});let ie=()=>{let e=B.indexOf(V.value),r=B[(e+1)%B.length];V.value=r,t.setAttribute(`density`,r),n(`density-change`,{density:r})},ae=D(!1),oe=e=>{let t=new Set(c.value),r=!t.has(e);r?t.add(e):t.delete(e),c.value=t,n(`row-expand`,{expanded:r,key:e})},se={activeCell:D({col:0,row:0}),focusCell:()=>{}};p(()=>{let e=t.shadowRoot,n=e.querySelector(`.dg-table`);if(!n)return;let{cleanup:r,handle:i}=ta(n,e);return se=i,r}),t.focusCell=e=>se.focusCell(e);let ce=()=>{let t=e.views.value??[],r=e.activeView.value;return o`
|
|
1748
1897
|
<div
|
|
1749
1898
|
class="dg-tabs"
|
|
1750
1899
|
role="tablist"
|
|
@@ -1766,7 +1915,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1766
1915
|
</ore-button>
|
|
1767
1916
|
`)}
|
|
1768
1917
|
</div>
|
|
1769
|
-
`},
|
|
1918
|
+
`},le=()=>o`
|
|
1770
1919
|
<ore-popover class="dg-action-popover" placement="bottom-end" label="Sort" style="--popover-min-width:18rem">
|
|
1771
1920
|
<ore-button variant="ghost" size="sm" icon-only label="Sort">
|
|
1772
1921
|
<ore-icon name="arrow-up-down" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
@@ -1809,7 +1958,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1809
1958
|
</div>
|
|
1810
1959
|
</div>
|
|
1811
1960
|
</ore-popover>
|
|
1812
|
-
`,
|
|
1961
|
+
`,ue=()=>o`
|
|
1813
1962
|
<ore-popover
|
|
1814
1963
|
class="dg-action-popover"
|
|
1815
1964
|
placement="bottom-end"
|
|
@@ -1820,14 +1969,14 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1820
1969
|
anchor="top-end"
|
|
1821
1970
|
color="primary"
|
|
1822
1971
|
size="xs"
|
|
1823
|
-
count="${()=>
|
|
1824
|
-
dot="${()=>!
|
|
1972
|
+
count="${()=>ae.value?w.filterDefs.value.length:void 0}"
|
|
1973
|
+
dot="${()=>!ae.value||void 0}"
|
|
1825
1974
|
label="${()=>`${w.filterDefs.value.length} active filter${w.filterDefs.value.length>1?`s`:``}`}"
|
|
1826
1975
|
aria-hidden="true"
|
|
1827
|
-
@mouseenter="${()=>
|
|
1828
|
-
@mouseleave="${()=>
|
|
1829
|
-
@focusin="${()=>
|
|
1830
|
-
@focusout="${()=>
|
|
1976
|
+
@mouseenter="${()=>ae.value=!0}"
|
|
1977
|
+
@mouseleave="${()=>ae.value=!1}"
|
|
1978
|
+
@focusin="${()=>ae.value=!0}"
|
|
1979
|
+
@focusout="${()=>ae.value=!1}">
|
|
1831
1980
|
<ore-button slot="target" variant="ghost" size="sm" icon-only label="Filter">
|
|
1832
1981
|
<ore-icon name="filter" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1833
1982
|
</ore-button>
|
|
@@ -1904,7 +2053,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1904
2053
|
</div>
|
|
1905
2054
|
</div>
|
|
1906
2055
|
</ore-popover>
|
|
1907
|
-
`,
|
|
2056
|
+
`,de=()=>o`
|
|
1908
2057
|
<ore-popover
|
|
1909
2058
|
class="dg-action-popover"
|
|
1910
2059
|
placement="bottom-end"
|
|
@@ -1937,11 +2086,11 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1937
2086
|
<!-- ── Controls Bar ────────────────────────────────────────────────── -->
|
|
1938
2087
|
<div class="dg-controls" part="controls">
|
|
1939
2088
|
<!-- Left: view tabs -->
|
|
1940
|
-
${()=>
|
|
2089
|
+
${()=>ce()}
|
|
1941
2090
|
|
|
1942
2091
|
<!-- Right: Action bar -->
|
|
1943
2092
|
<div class="dg-actions">
|
|
1944
|
-
${()=>
|
|
2093
|
+
${()=>le()} ${()=>ue()} ${()=>de()}
|
|
1945
2094
|
|
|
1946
2095
|
<!-- Density toggle -->
|
|
1947
2096
|
<ore-button
|
|
@@ -1949,10 +2098,10 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
1949
2098
|
variant="ghost"
|
|
1950
2099
|
size="sm"
|
|
1951
2100
|
icon-only
|
|
1952
|
-
label="${()=>
|
|
1953
|
-
@click="${
|
|
2101
|
+
label="${()=>re[V.value]}"
|
|
2102
|
+
@click="${ie}">
|
|
1954
2103
|
<ore-icon
|
|
1955
|
-
name="${()=>
|
|
2104
|
+
name="${()=>ne[V.value]}"
|
|
1956
2105
|
size="15"
|
|
1957
2106
|
stroke-width="1.75"
|
|
1958
2107
|
aria-hidden="true"></ore-icon>
|
|
@@ -2004,7 +2153,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2004
2153
|
part="table"
|
|
2005
2154
|
role="grid"
|
|
2006
2155
|
aria-label="${()=>e.label.value??void 0}"
|
|
2007
|
-
aria-busy="${()=>
|
|
2156
|
+
aria-busy="${()=>R.value?`true`:null}"
|
|
2008
2157
|
aria-disabled="${()=>i.value?`true`:null}">
|
|
2009
2158
|
<!-- Head -->
|
|
2010
2159
|
<thead class="dg-head" part="thead">
|
|
@@ -2014,24 +2163,24 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2014
2163
|
class="dg-th dg-th-check"
|
|
2015
2164
|
role="columnheader"
|
|
2016
2165
|
scope="col"
|
|
2017
|
-
tabindex="${()=>
|
|
2166
|
+
tabindex="${()=>se.activeCell.value.row===0&&se.activeCell.value.col===0&&d.value>=1?`0`:`-1`}">
|
|
2018
2167
|
<ore-checkbox
|
|
2019
2168
|
class="dg-check"
|
|
2020
2169
|
checked="${()=>w.isAllSelected()}"
|
|
2021
|
-
indeterminate="${
|
|
2170
|
+
indeterminate="${P}"
|
|
2022
2171
|
?disabled="${i}"
|
|
2023
2172
|
aria-label="Select all rows on this page"
|
|
2024
2173
|
@change="${()=>{i.value||w.selectAll()}}"></ore-checkbox>
|
|
2025
2174
|
</th>
|
|
2026
2175
|
`:o``}
|
|
2027
|
-
${()=>
|
|
2176
|
+
${()=>j.value.map((e,t)=>{let n=t===j.value.length-1;return o`
|
|
2028
2177
|
<th
|
|
2029
2178
|
class="${`dg-th${n&&l.value?` dg-th-last`:``}`}"
|
|
2030
2179
|
role="columnheader"
|
|
2031
2180
|
scope="col"
|
|
2032
|
-
tabindex="${()=>{let e=
|
|
2181
|
+
tabindex="${()=>{let e=se.activeCell.value;return e.row===0&&e.col===t+d.value?`0`:`-1`}}"
|
|
2033
2182
|
data-align="${e.align??`left`}"
|
|
2034
|
-
aria-sort="${()=>e.sortable?
|
|
2183
|
+
aria-sort="${()=>e.sortable?ra(w.sortState.value,e.key):void 0}"
|
|
2035
2184
|
aria-label="${e.sortable?void 0:e.headerLabel??e.label}"
|
|
2036
2185
|
style="${()=>{let t=O.value[e.key];return t?`width:${t}px`:e.width?`width:${e.width}`:``}}">
|
|
2037
2186
|
<div class="dg-th-inner">
|
|
@@ -2048,7 +2197,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2048
2197
|
<ore-icon
|
|
2049
2198
|
slot="suffix"
|
|
2050
2199
|
class="dg-sort-icon"
|
|
2051
|
-
name="${()=>
|
|
2200
|
+
name="${()=>na(w.sortState.value,e.key)}"
|
|
2052
2201
|
size="14"
|
|
2053
2202
|
stroke-width="2"></ore-icon>
|
|
2054
2203
|
</ore-button>
|
|
@@ -2057,7 +2206,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2057
2206
|
<span
|
|
2058
2207
|
class="dg-col-resize"
|
|
2059
2208
|
aria-hidden="true"
|
|
2060
|
-
ref="${t=>{if(!t)return;let n=t.closest(`th`);n&&t.addEventListener(`pointerdown`,
|
|
2209
|
+
ref="${t=>{if(!t)return;let n=t.closest(`th`);n&&t.addEventListener(`pointerdown`,A(e.key,n))}}"></span>
|
|
2061
2210
|
`:o``}
|
|
2062
2211
|
</div>
|
|
2063
2212
|
</th>
|
|
@@ -2077,7 +2226,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2077
2226
|
<tbody class="dg-body" part="tbody">
|
|
2078
2227
|
${()=>w.currentPageItems.value.length===0?o`
|
|
2079
2228
|
<tr role="row">
|
|
2080
|
-
<td class="dg-empty" role="gridcell" colspan="${()=>String(
|
|
2229
|
+
<td class="dg-empty" role="gridcell" colspan="${()=>String(F.value)}">
|
|
2081
2230
|
<div class="dg-empty-content">
|
|
2082
2231
|
${()=>e.emptyText.value??`No data`}
|
|
2083
2232
|
${()=>w.searchQuery.value||w.filterValues.value.size?o`
|
|
@@ -2108,7 +2257,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2108
2257
|
<td
|
|
2109
2258
|
class="dg-td dg-td-check"
|
|
2110
2259
|
role="gridcell"
|
|
2111
|
-
tabindex="${()=>{let e=
|
|
2260
|
+
tabindex="${()=>{let e=se.activeCell.value;return e.row===a&&e.col===0?`0`:`-1`}}"
|
|
2112
2261
|
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i.value||w.toggleRow(n))}}">
|
|
2113
2262
|
<ore-checkbox
|
|
2114
2263
|
class="dg-check"
|
|
@@ -2120,13 +2269,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2120
2269
|
@change="${()=>{i.value||w.toggleRow(n)}}"></ore-checkbox>
|
|
2121
2270
|
</td>
|
|
2122
2271
|
`:o``}
|
|
2123
|
-
${
|
|
2272
|
+
${j.value.map((t,n)=>{let r=M(t,e),i=n===j.value.length-1;return o`
|
|
2124
2273
|
<td
|
|
2125
2274
|
class="${`dg-td${i&&l.value?` dg-td-last`:``}`}"
|
|
2126
2275
|
part="cell"
|
|
2127
2276
|
role="gridcell"
|
|
2128
2277
|
data-align="${t.align??`left`}"
|
|
2129
|
-
tabindex="${()=>{let e=
|
|
2278
|
+
tabindex="${()=>{let e=se.activeCell.value;return e.row===a&&e.col===n+d.value?`0`:`-1`}}"
|
|
2130
2279
|
title="${r}">
|
|
2131
2280
|
${r}
|
|
2132
2281
|
</td>
|
|
@@ -2135,7 +2284,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2135
2284
|
<td
|
|
2136
2285
|
class="dg-td dg-td-expand"
|
|
2137
2286
|
role="gridcell"
|
|
2138
|
-
tabindex="${()=>{let e=
|
|
2287
|
+
tabindex="${()=>{let e=se.activeCell.value;return e.row===a&&e.col===F.value-1?`0`:`-1`}}"
|
|
2139
2288
|
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i.value||oe(n))}}">
|
|
2140
2289
|
<ore-button
|
|
2141
2290
|
class="dg-expand-btn"
|
|
@@ -2161,7 +2310,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2161
2310
|
<td
|
|
2162
2311
|
class="dg-td-expanded"
|
|
2163
2312
|
role="gridcell"
|
|
2164
|
-
colspan="${()=>String(
|
|
2313
|
+
colspan="${()=>String(F.value)}">
|
|
2165
2314
|
${y(()=>h.value.find(e=>typeof e.renderExpanded==`function`)?.renderExpanded?.(e)??``)}
|
|
2166
2315
|
</td>
|
|
2167
2316
|
</tr>
|
|
@@ -2172,11 +2321,11 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2172
2321
|
</div>
|
|
2173
2322
|
|
|
2174
2323
|
<!-- Footer / Pagination -->
|
|
2175
|
-
${()=>
|
|
2324
|
+
${()=>I.value?o`
|
|
2176
2325
|
<div class="dg-footer" part="footer" role="navigation" aria-label="Pagination">
|
|
2177
2326
|
${()=>(e.pageSizeOptions.value??[]).length?o``:o`
|
|
2178
2327
|
<span class="dg-footer-info" dir="ltr" aria-live="polite" aria-atomic="true">
|
|
2179
|
-
${
|
|
2328
|
+
${L}
|
|
2180
2329
|
</span>
|
|
2181
2330
|
`}
|
|
2182
2331
|
<div class="dg-footer-end">
|
|
@@ -2189,7 +2338,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2189
2338
|
value="${()=>String(f.value)}"
|
|
2190
2339
|
options="${()=>t.map(e=>({label:String(e),value:String(e)}))}"
|
|
2191
2340
|
disabled="${()=>i.value||void 0}"
|
|
2192
|
-
@change="${e=>{let t=parseInt(e.detail.values[0],10);isNaN(t)||(f.value=t,w.goToPage(0),n(`page-change`,{pageIndex:0,pageSize:t}))}}"></ore-select>
|
|
2341
|
+
@change="${e=>{let t=parseInt(e.detail.values[0],10);Number.isNaN(t)||(f.value=t,w.goToPage(0),n(`page-change`,{pageIndex:0,pageSize:t}))}}"></ore-select>
|
|
2193
2342
|
</div>
|
|
2194
2343
|
`:o``}}
|
|
2195
2344
|
<div class="dg-pagination" role="group" aria-label="Page navigation">
|
|
@@ -2199,8 +2348,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2199
2348
|
size="sm"
|
|
2200
2349
|
icon-only
|
|
2201
2350
|
label="Previous page"
|
|
2202
|
-
disabled="${()=>!
|
|
2203
|
-
@click="${()=>
|
|
2351
|
+
disabled="${()=>!ee.value||i.value}"
|
|
2352
|
+
@click="${()=>N(`prev`)}">
|
|
2204
2353
|
<ore-icon name="chevron-left" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2205
2354
|
</ore-button>
|
|
2206
2355
|
<span
|
|
@@ -2218,164 +2367,15 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2218
2367
|
size="sm"
|
|
2219
2368
|
icon-only
|
|
2220
2369
|
label="Next page"
|
|
2221
|
-
disabled="${()=>!
|
|
2222
|
-
@click="${()=>
|
|
2370
|
+
disabled="${()=>!z.value||i.value}"
|
|
2371
|
+
@click="${()=>N(`next`)}">
|
|
2223
2372
|
<ore-icon name="chevron-right" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2224
2373
|
</ore-button>
|
|
2225
2374
|
</div>
|
|
2226
2375
|
</div>
|
|
2227
2376
|
</div>
|
|
2228
2377
|
`:o``}
|
|
2229
|
-
`},shadow:{delegatesFocus:!0},styles:[Te(`datagrid`),_a]});var xa=`@layer refine.base{:host{--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--calendar-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--calendar-day-outside-opacity,.35);--_bg:var(--calendar-bg,var(--color-canvas));--_border-color:var(--calendar-border-color,var(--color-contrast-200));--_radius:var(--calendar-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--calendar-day-selected-bg,var(--_theme-base));--_day-today-color:var(--calendar-day-today-color,var(--_theme-base))}.calendar{gap:var(--size-2);min-width:18rem;padding:var(--size-3);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--calendar-shadow,var(--shadow-md));flex-direction:column;display:flex}:host([fullwidth]) .calendar{min-width:0}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover:not(:disabled){color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover:not(:disabled){background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn:disabled{cursor:not-allowed;opacity:.5}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none!important}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{gap:var(--size-0-5);min-width:0;height:var(--size-10);color:var(--color-contrast-800);flex-direction:column;overflow:hidden}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-dots{margin-top:var(--size-0-5);justify-content:center;align-items:center;gap:2px;display:flex}.cal-dot{--badge-bg:var(--_day-selected-bg);--badge-border-color:var(--_day-selected-bg)}.cal-dot-overflow{font-size:8px;font-weight:var(--font-semibold);color:var(--color-contrast-500);line-height:1}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}:host([expanded]){width:100%;display:block}:host([expanded]) .calendar{width:100%;min-width:0;padding:0;overflow:hidden}:host([expanded]) .cal-header{padding:var(--size-3) var(--size-4)}:host([expanded]) .cal-label-btn{font-size:var(--text-base)}:host([expanded]) .cal-grid{gap:0}:host([expanded]) .cal-grid-days{border-top:var(--border) solid var(--_border-color);gap:0}:host([expanded]) .cal-cell{border-radius:0}:host([expanded]) .cal-cell-head{height:var(--size-9);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day{height:auto;min-height:var(--calendar-expanded-cell-height,var(--size-28));aspect-ratio:auto;padding:var(--size-2);font-size:var(--text-sm);vertical-align:top;border-bottom:var(--border) solid var(--_border-color);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;position:relative}:host([expanded]) .cal-cell-day:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_border-color)}:host([expanded]) .cal-cell-day:nth-child(7n):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:none}:host([expanded]) .cal-cell-day:nth-child(7n):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:none}:host([expanded]) .cal-cell-day:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 6%, transparent)}:host([expanded]) .cal-cell-day[data-selected]{color:inherit;background:0 0}:host([expanded]) .cal-cell-day[data-selected]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-selected-bg);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today]{font-weight:inherit;color:inherit}:host([expanded]) .cal-cell-day[data-today]:before{top:var(--size-1-5);left:var(--size-1-5);width:var(--size-7);height:var(--size-7);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white,#fff);content:attr(data-day);background:var(--_day-today-color);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}:host([expanded]) .cal-cell-day[data-today][data-selected]:before{background:var(--_day-selected-bg)}:host([expanded]) .cal-events{width:100%;margin-top:var(--size-4);flex-direction:column;gap:2px;display:flex;overflow:hidden}:host([expanded]) .cal-event-pill{--badge-max-width:100%;max-width:100%}:host([expanded]) .cal-event-pill-overflow{padding-inline:var(--size-1);font-size:10px;font-weight:var(--font-semibold);color:var(--color-contrast-500)}:host([expanded]) .cal-dots{display:none}:host([expanded]) .cal-cell-day[data-outside]{background:color-mix(in oklch, var(--color-contrast-900) 2%, transparent)}:host([expanded]) .cal-grid-months,:host([expanded]) .cal-grid-years{gap:var(--size-2);min-height:0;padding:var(--size-4)}:host([expanded]) .cal-cell-month,:host([expanded]) .cal-cell-year{min-height:var(--size-16);font-size:var(--text-base);border:var(--border) solid var(--_border-color);border-radius:var(--rounded-lg)}:host([expanded]) .cal-cell-month[data-selected],:host([expanded]) .cal-cell-year[data-selected]{border-color:#0000}:host(.is-disabled) .calendar{pointer-events:none;opacity:.6}@media (prefers-reduced-motion:reduce){.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,Sa=`ore-calendar`,Ca=3;i(Sa,{formAssociated:!0,props:{...Y,...X,...Z,...lt,events:m.json([]),expanded:m.bool(!1),fullwidth:m.bool(!1),locale:m.string(),max:m.string(),min:m.string(),name:m.string(),required:m.bool(!1),value:m.string(),"weekend-days":m.json([])},setup(t){let n=b(),r=T(()=>t.disabled.value===!0),i=T(()=>t.expanded.value===!0),a=D(void 0),s=T(()=>a.value===void 0?un(t.value.value):a.value),c=hn({get locale(){return t.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return un(t.max.value)},get min(){return un(t.min.value)},onChange(e){a.value=e,l.value=`day`,u.value=c.displayYear(),d.value=c.displayMonth(),n(`change`,{isoValue:dn(e)})},get value(){return s.value},get weekendDays(){return t[`weekend-days`].value??[]}}),l=D(`day`),u=D(c.displayYear()),d=D(c.displayMonth());x({disabled:r,toFormValue:e=>e||null,value:T(()=>dn(s.value)??``)});let f=T(()=>{let e=new Map;for(let n of t.events.value??[]){let t=e.get(n.date)??[];t.push(n),e.set(n.date,t)}return e}),p=T(()=>(u.value,d.value,s.value,c.dayCells())),m=T(()=>(u.value,c.monthCells())),h=T(()=>(u.value,c.yearCells())),g=T(()=>c.weekdayLabels()),_=T(()=>{let e=A.PlainDate.from({day:1,month:d.value,year:u.value}),n=t.locale.value??(typeof navigator<`u`?navigator.language:`en`);return j(e,{intl:{month:`long`},locale:n,timeZone:`UTC`})}),y=T(()=>String(u.value)),S=T(()=>`${_.value} ${y.value}`);function C(){l.value===`day`?c.prevMonth():c.prevYear(),u.value=c.displayYear(),d.value=c.displayMonth()}function w(){l.value===`day`?c.nextMonth():c.nextYear(),u.value=c.displayYear(),d.value=c.displayMonth()}function E(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(l.value)+1)%e.length];c.setView(t),l.value=t}function O(e){r.value||(c.goTo(c.displayYear(),e),c.setView(`day`),u.value=c.displayYear(),d.value=c.displayMonth(),l.value=`day`)}function k(e){r.value||(c.goTo(e,c.displayMonth()),c.setView(`month`),u.value=c.displayYear(),l.value=`month`)}function M(e){if(r.value)return;let t=un(e);t&&c.select(t)}function N(e){let t=e.currentTarget,n=t.closest(`.cal-grid-days`);if(!n)return;let r=Array.from(n.querySelectorAll(`.cal-cell-day`)),i=r.indexOf(t);if(i===-1)return;let a;if(e.key===`Enter`||e.key===` `){e.preventDefault(),M(t.dataset.iso??``);return}if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function P(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}return e({attr:{"aria-disabled":()=>r.value?`true`:null,"aria-label":()=>S.value,role:`group`},class:{"is-disabled":r}}),o`
|
|
2230
|
-
<div class="calendar" part="calendar" role="presentation">
|
|
2231
|
-
<!-- Header -->
|
|
2232
|
-
<div class="cal-header" part="header">
|
|
2233
|
-
<button class="nav-btn" type="button" aria-label="Previous" ?disabled="${r}" @click="${C}">
|
|
2234
|
-
<ore-icon name="chevron-left" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2235
|
-
</button>
|
|
2236
|
-
|
|
2237
|
-
<button
|
|
2238
|
-
class="cal-label-btn"
|
|
2239
|
-
type="button"
|
|
2240
|
-
aria-label="${()=>`Switch to ${l.value===`day`?`month`:l.value===`month`?`year`:`day`} view`}"
|
|
2241
|
-
?disabled="${r}"
|
|
2242
|
-
@click="${E}">
|
|
2243
|
-
<span class="cal-label-month">${_}</span>
|
|
2244
|
-
<span class="cal-label-sep" aria-hidden="true">/</span>
|
|
2245
|
-
<span class="cal-label-year">${y}</span>
|
|
2246
|
-
</button>
|
|
2247
|
-
|
|
2248
|
-
<button class="nav-btn" type="button" aria-label="Next" ?disabled="${r}" @click="${w}">
|
|
2249
|
-
<ore-icon name="chevron-right" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2250
|
-
</button>
|
|
2251
|
-
</div>
|
|
2252
|
-
|
|
2253
|
-
<!-- Day view -->
|
|
2254
|
-
<div
|
|
2255
|
-
class="cal-grid cal-grid-days"
|
|
2256
|
-
role="grid"
|
|
2257
|
-
part="grid"
|
|
2258
|
-
aria-label="${()=>S.value}"
|
|
2259
|
-
?hidden="${()=>l.value!==`day`}">
|
|
2260
|
-
<div role="row" class="cal-grid-row">
|
|
2261
|
-
${()=>g.value.map(e=>o`
|
|
2262
|
-
<div class="cal-cell cal-cell-head" role="columnheader" aria-label="${e}">${e}</div>
|
|
2263
|
-
`)}
|
|
2264
|
-
</div>
|
|
2265
|
-
${()=>{let e=p.value,t=[];for(let n=0;n<e.length;n+=7)t.push(e.slice(n,n+7));return t.map(e=>o`
|
|
2266
|
-
<div role="row" class="cal-grid-row">
|
|
2267
|
-
${e.map(e=>o`
|
|
2268
|
-
<div
|
|
2269
|
-
class="cal-cell cal-cell-day"
|
|
2270
|
-
role="gridcell"
|
|
2271
|
-
part="day"
|
|
2272
|
-
aria-selected="${()=>String(e.isSelected)}"
|
|
2273
|
-
aria-disabled="${()=>String(e.isDisabled||r.value)}"
|
|
2274
|
-
aria-current="${()=>e.isToday?`date`:null}"
|
|
2275
|
-
?data-selected="${()=>e.isSelected}"
|
|
2276
|
-
?data-today="${()=>e.isToday}"
|
|
2277
|
-
?data-outside="${()=>e.isOutsideMonth}"
|
|
2278
|
-
?data-disabled="${()=>e.isDisabled||r.value}"
|
|
2279
|
-
data-iso="${e.iso}"
|
|
2280
|
-
data-day="${String(e.day)}"
|
|
2281
|
-
tabindex="${()=>e.isDisabled||r.value?`-1`:`0`}"
|
|
2282
|
-
@click="${()=>M(e.iso)}"
|
|
2283
|
-
@keydown="${N}">
|
|
2284
|
-
${String(e.day)}
|
|
2285
|
-
${()=>{let t=f.value.get(e.iso)??[];if(!t.length)return o``;let n=t.slice(0,Ca),r=t.length-Ca;if(i.value){let e=r>0?o`<span class="cal-event-pill-overflow" aria-hidden="true"
|
|
2286
|
-
>+${r} more</span
|
|
2287
|
-
>`:o``;return o`
|
|
2288
|
-
<div
|
|
2289
|
-
class="cal-events"
|
|
2290
|
-
aria-label="${()=>`${t.length} event${t.length>1?`s`:``}`}">
|
|
2291
|
-
${n.map(e=>o`
|
|
2292
|
-
<ore-badge
|
|
2293
|
-
class="cal-event-pill"
|
|
2294
|
-
size="xs"
|
|
2295
|
-
rounded="sm"
|
|
2296
|
-
aria-label="${e.label}"
|
|
2297
|
-
style="${v({"--badge-bg":e.color,"--badge-border-color":e.color})}">
|
|
2298
|
-
${e.label}
|
|
2299
|
-
</ore-badge>
|
|
2300
|
-
`)}
|
|
2301
|
-
${e}
|
|
2302
|
-
</div>
|
|
2303
|
-
`}return o`
|
|
2304
|
-
<div
|
|
2305
|
-
class="cal-dots"
|
|
2306
|
-
aria-label="${()=>`${t.length} event${t.length>1?`s`:``}`}">
|
|
2307
|
-
${n.map(e=>o`
|
|
2308
|
-
<ore-badge
|
|
2309
|
-
class="cal-dot"
|
|
2310
|
-
dot
|
|
2311
|
-
size="xs"
|
|
2312
|
-
aria-hidden="true"
|
|
2313
|
-
style="${v({"--badge-bg":e.color,"--badge-border-color":e.color})}"></ore-badge>
|
|
2314
|
-
`)}
|
|
2315
|
-
${r>0?o`
|
|
2316
|
-
<span class="cal-dot-overflow" aria-hidden="true">+${r}</span>
|
|
2317
|
-
`:o``}
|
|
2318
|
-
</div>
|
|
2319
|
-
`}}
|
|
2320
|
-
</div>
|
|
2321
|
-
`)}
|
|
2322
|
-
</div>
|
|
2323
|
-
`)}}
|
|
2324
|
-
</div>
|
|
2325
|
-
|
|
2326
|
-
<!-- Month view -->
|
|
2327
|
-
<div
|
|
2328
|
-
class="cal-grid cal-grid-months"
|
|
2329
|
-
role="grid"
|
|
2330
|
-
aria-label="${()=>y.value}"
|
|
2331
|
-
?hidden="${()=>l.value!==`month`}">
|
|
2332
|
-
${()=>{let e=m.value,t=[];for(let n=0;n<e.length;n+=4)t.push(e.slice(n,n+4));return t.map(e=>o`
|
|
2333
|
-
<div role="row">
|
|
2334
|
-
${e.map(e=>o`
|
|
2335
|
-
<div
|
|
2336
|
-
class="cal-cell cal-cell-month"
|
|
2337
|
-
role="gridcell"
|
|
2338
|
-
aria-selected="${()=>String(e.isSelected)}"
|
|
2339
|
-
aria-disabled="${()=>String(e.isDisabled||r.value)}"
|
|
2340
|
-
?data-selected="${()=>e.isSelected}"
|
|
2341
|
-
?data-disabled="${()=>e.isDisabled||r.value}"
|
|
2342
|
-
tabindex="${()=>e.isDisabled||r.value?`-1`:`0`}"
|
|
2343
|
-
@click="${()=>O(e.month)}"
|
|
2344
|
-
@keydown="${t=>P(t,`.cal-cell-month`,4,()=>O(e.month))}">
|
|
2345
|
-
${e.shortLabel}
|
|
2346
|
-
</div>
|
|
2347
|
-
`)}
|
|
2348
|
-
</div>
|
|
2349
|
-
`)}}
|
|
2350
|
-
</div>
|
|
2351
|
-
|
|
2352
|
-
<!-- Year view -->
|
|
2353
|
-
<div
|
|
2354
|
-
class="cal-grid cal-grid-years"
|
|
2355
|
-
role="grid"
|
|
2356
|
-
aria-label="Select year"
|
|
2357
|
-
?hidden="${()=>l.value!==`year`}">
|
|
2358
|
-
${()=>{let e=h.value,t=[];for(let n=0;n<e.length;n+=4)t.push(e.slice(n,n+4));return t.map(e=>o`
|
|
2359
|
-
<div role="row">
|
|
2360
|
-
${e.map(e=>o`
|
|
2361
|
-
<div
|
|
2362
|
-
class="cal-cell cal-cell-year"
|
|
2363
|
-
role="gridcell"
|
|
2364
|
-
aria-selected="${()=>String(e.isSelected)}"
|
|
2365
|
-
aria-disabled="${()=>String(e.isDisabled||r.value)}"
|
|
2366
|
-
?data-selected="${()=>e.isSelected}"
|
|
2367
|
-
?data-disabled="${()=>e.isDisabled||r.value}"
|
|
2368
|
-
tabindex="${()=>e.isDisabled||r.value?`-1`:`0`}"
|
|
2369
|
-
@click="${()=>k(e.year)}"
|
|
2370
|
-
@keydown="${t=>P(t,`.cal-cell-year`,4,()=>k(e.year))}">
|
|
2371
|
-
${String(e.year)}
|
|
2372
|
-
</div>
|
|
2373
|
-
`)}
|
|
2374
|
-
</div>
|
|
2375
|
-
`)}}
|
|
2376
|
-
</div>
|
|
2377
|
-
</div>
|
|
2378
|
-
`},shadow:{delegatesFocus:!0},styles:[K,U,xa]});var wa=`@layer refine.base{:host{--_day-selected-bg:var(--date-picker-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--date-picker-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--date-picker-day-outside-opacity,.35);--_bg:var(--date-picker-bg,var(--color-canvas));--_border-color:var(--date-picker-border-color,var(--color-contrast-200));--_radius:var(--date-picker-radius,var(--rounded-xl));min-width:var(--date-picker-min-width,12rem);display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--date-picker-day-selected-bg,var(--_theme-base));--_day-today-color:var(--date-picker-day-today-color,var(--_theme-base))}.trigger{cursor:pointer;width:100%}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.calendar{z-index:var(--z-dropdown,8000);gap:var(--size-2);min-width:18rem;padding:var(--size-3);pointer-events:none;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--date-picker-shadow,var(--shadow-lg));opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;display:flex;position:fixed;inset:0 auto auto 0}.calendar[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.calendar[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover{color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover{background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none!important}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,1fr);display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{height:var(--size-8);color:var(--color-contrast-800)}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}@media (prefers-reduced-motion:reduce){.field,.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,Ta=`ore-date-picker`;i(Ta,{formAssociated:!0,props:{...Y,...X,...Z,...lt,error:m.string(),fullwidth:m.bool(!1),helper:m.string(),label:m.string(),"label-placement":m.oneOf([`inset`,`outside`],`inset`),locale:m.string(),max:m.string(),min:m.string(),name:m.string(),placeholder:m.string(),required:m.bool(!1),success:m.bool(!1),value:m.string(),variant:m.string(),"weekend-days":m.json([])},setup(t){let n=a(),r=D(!1),i=D(void 0),s=T(()=>i.value===void 0?un(t.value.value):i.value);Bi(n,()=>dn(s.value)??``,e=>{i.value=un(e)});let c=T(()=>!!t.disabled.value),l=T(()=>t.locale.value||(typeof navigator<`u`?navigator.language:`en`)),u=hn({get locale(){return l.value},get max(){return un(t.max.value)},get min(){return un(t.min.value)},onChange(e){i.value=e,r.value=!1,u.setView(`day`),d.value=`day`,f.value=u.displayYear(),m.value=u.displayMonth(),Hi(n,dn(e)??``),$(n,`input`),$(n,`change`)},get value(){return s.value},get weekendDays(){return t[`weekend-days`].value??[]}}),d=D(`day`),f=D(u.displayYear()),m=D(u.displayMonth());x({disabled:c,toFormValue:e=>e||null,value:T(()=>dn(s.value)??``)});let h=`date-picker-${Math.random().toString(36).slice(2,9)}-calendar`,_=g(),v=g(),y=bn({getFloating:()=>v.value??null,getReference:()=>_.value??null,matchWidth:!1,offsetPx:4}),b=null,S=T(()=>s.value?fn(s.value,l.value):t.placeholder.value||``),C=T(()=>{let e=A.PlainDate.from({day:1,month:m.value,year:f.value});return j(e,{intl:{month:`long`},locale:l.value,timeZone:`UTC`})}),w=T(()=>String(f.value)),E=T(()=>`${C.value} ${w.value}`),O=T(()=>(f.value,m.value,s.value,u.dayCells())),k=T(()=>(f.value,u.monthCells())),M=T(()=>(f.value,u.yearCells())),N=T(()=>u.weekdayLabels()),P=()=>c.value?`-1`:`0`;function F(){d.value===`day`?u.prevMonth():u.prevYear(),f.value=u.displayYear(),m.value=u.displayMonth()}function I(){d.value===`day`?u.nextMonth():u.nextYear(),f.value=u.displayYear(),m.value=u.displayMonth()}function L(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(d.value)+1)%e.length];u.setView(t),d.value=t}function R(e){u.goTo(u.displayYear(),e),u.setView(`day`),f.value=u.displayYear(),m.value=u.displayMonth(),d.value=`day`}function ee(e){u.goTo(e,u.displayMonth()),u.setView(`month`),f.value=u.displayYear(),d.value=`month`}function te(e){let t=un(e);t&&u.select(t)}function ne(e){let t=e.currentTarget,n=t.closest(`.cal-grid-days`);if(!n)return;let r=Array.from(n.querySelectorAll(`.cal-cell-day`)),i=r.indexOf(t);if(i===-1)return;let a;if(e.key===`Enter`||e.key===` `){e.preventDefault(),te(t.dataset.iso??``);return}if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function re(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}function ie(){if(c.value)return;r.value=!0,u.setView(`day`),d.value=`day`;let e=s.value;e&&(u.goTo(e.year,e.month),f.value=u.displayYear(),m.value=u.displayMonth()),y.update(),b=y.startAutoUpdate?.()??null}function z(){r.value=!1,u.setView(`day`),d.value=`day`,b?.(),b=null}function ae(){r.value?z():ie()}function B(e){c.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),ae()):e.key===`Escape`&&r.value&&(e.preventDefault(),z()))}function oe(e){e.key===`Escape`&&(e.preventDefault(),z())}function V(e){r.value&&(e.composedPath().includes(n)||z())}return p(()=>(document.addEventListener(`pointerdown`,V,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,V,{capture:!0}),b?.(),b=null})),e({attr:{open:()=>r.value?!0:void 0}}),o`
|
|
2378
|
+
`},shadow:{delegatesFocus:!0},styles:[We(`datagrid`),Ji]});var aa=`@layer refine.base{:host{--_day-selected-bg:var(--date-picker-day-selected-bg,var(--_theme-focus));--_day-today-color:var(--date-picker-day-today-color,var(--_theme-focus));--_day-outside-opacity:var(--date-picker-day-outside-opacity,.35);--_bg:var(--date-picker-bg,var(--color-canvas));--_border-color:var(--date-picker-border-color,var(--color-contrast-200));--_radius:var(--date-picker-radius,var(--rounded-xl));min-width:var(--date-picker-min-width,12rem);display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_day-selected-bg:var(--date-picker-day-selected-bg,var(--_theme-base));--_day-today-color:var(--date-picker-day-today-color,var(--_theme-base))}.trigger{cursor:pointer;width:100%}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.calendar{z-index:var(--z-dropdown,8000);gap:var(--size-2);min-width:18rem;padding:var(--size-3);pointer-events:none;background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--date-picker-shadow,var(--shadow-lg));opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;display:flex;position:fixed;inset:0 auto auto 0}.calendar[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.calendar[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.cal-header{gap:var(--size-1);border-bottom:var(--border) solid var(--_border-color);padding-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.nav-btn{width:var(--size-8);height:var(--size-8);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn:hover{color:var(--color-contrast-900);background:var(--color-contrast-300)}.nav-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-btn{padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);background:0 0;border:none;outline:none;flex:1}.cal-label-btn:hover{background:var(--color-contrast-300)}.cal-label-btn:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-label-month,.cal-label-year{display:inline-block}.cal-label-sep{padding-inline:var(--size-1);font-weight:var(--font-normal);color:var(--color-contrast-400);display:inline-block}[hidden]{display:none}.cal-grid{gap:var(--size-0-5);flex-direction:column;display:flex}.cal-grid-days{gap:var(--size-0-5);min-height:calc(7 * var(--size-10) + 6 * var(--size-0-5));grid-template-columns:repeat(7,1fr);display:grid}.cal-grid [role=row]{display:contents}.cal-cell{font-size:var(--text-sm);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.cal-cell-head{height:var(--size-8);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-500);cursor:default}.cal-cell-day{height:var(--size-8);color:var(--color-contrast-800)}.cal-cell-day:hover:not([data-disabled]){color:var(--color-contrast-900);background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-day:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-day[data-today]{font-weight:var(--font-semibold);color:var(--_day-today-color)}.cal-cell-day[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-day[data-outside]{opacity:var(--_day-outside-opacity)}.cal-cell-day[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}.cal-grid-months,.cal-grid-years{gap:var(--size-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cal-cell-month,.cal-cell-year{height:var(--size-10);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md)}.cal-cell-month:hover:not([data-disabled]),.cal-cell-year:hover:not([data-disabled]){background:color-mix(in oklch, var(--_day-selected-bg) 15%, transparent)}.cal-cell-month:focus-visible,.cal-cell-year:focus-visible{box-shadow:0 0 0 2px var(--_day-selected-bg)}.cal-cell-month[data-selected],.cal-cell-year[data-selected]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_day-selected-bg)}.cal-cell-month[data-disabled],.cal-cell-year[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}@media (prefers-reduced-motion:reduce){.field,.nav-btn,.cal-label-btn,.cal-cell{transition:none}}}`,oa=`ore-date-picker`;i(oa,{formAssociated:!0,props:{...H,...U,...W,...G,error:m.string(),fullwidth:m.bool(!1),helper:m.string(),label:m.string(),"label-placement":m.oneOf([`inset`,`outside`],`inset`),locale:m.string(),max:m.string(),min:m.string(),name:m.string(),placeholder:m.string(),required:m.bool(!1),success:m.bool(!1),value:m.string(),variant:m.string(),"weekend-days":m.json([])},setup(t){let n=a(),r=D(!1),i=D(void 0),s=T(()=>i.value===void 0?At(t.value.value):i.value);wi(n,()=>jt(s.value)??``,e=>{i.value=At(e)});let c=T(()=>!!t.disabled.value),l=T(()=>t.locale.value||(typeof navigator<`u`?navigator.language:`en`)),u=Ft({get locale(){return l.value},get max(){return At(t.max.value)},get min(){return At(t.min.value)},onChange(e){i.value=e,r.value=!1,u.setView(`day`),d.value=`day`,f.value=u.displayYear(),m.value=u.displayMonth(),$(n,jt(e)??``),Q(n,`input`),Q(n,`change`)},get value(){return s.value},get weekendDays(){return t[`weekend-days`].value??[]}}),d=D(`day`),f=D(u.displayYear()),m=D(u.displayMonth());x({disabled:c,toFormValue:e=>e||null,value:T(()=>jt(s.value)??``)});let h=`date-picker-${Math.random().toString(36).slice(2,9)}-calendar`,_=g(),v=g(),y=mn({getFloating:()=>v.value??null,getReference:()=>_.value??null,matchWidth:!1,offsetPx:4}),b=null,S=T(()=>s.value?Mt(s.value,l.value):t.placeholder.value||``),C=T(()=>{let e=j.PlainDate.from({day:1,month:m.value,year:f.value});return M(e,{intl:{month:`long`},locale:l.value,timeZone:`UTC`})}),w=T(()=>String(f.value)),E=T(()=>`${C.value} ${w.value}`),O=T(()=>(f.value,m.value,s.value,u.dayCells())),k=T(()=>(f.value,u.monthCells())),A=T(()=>(f.value,u.yearCells())),N=T(()=>u.weekdayLabels()),P=()=>c.value?`-1`:`0`;function F(){d.value===`day`?u.prevMonth():u.prevYear(),f.value=u.displayYear(),m.value=u.displayMonth()}function I(){d.value===`day`?u.nextMonth():u.nextYear(),f.value=u.displayYear(),m.value=u.displayMonth()}function L(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(d.value)+1)%e.length];u.setView(t),d.value=t}function R(e){u.goTo(u.displayYear(),e),u.setView(`day`),f.value=u.displayYear(),m.value=u.displayMonth(),d.value=`day`}function ee(e){u.goTo(e,u.displayMonth()),u.setView(`month`),f.value=u.displayYear(),d.value=`month`}function z(e){let t=At(e);t&&u.select(t)}function te(e){let t=e.currentTarget,n=t.closest(`.cal-grid-days`);if(!n)return;let r=Array.from(n.querySelectorAll(`.cal-cell-day`)),i=r.indexOf(t);if(i===-1)return;let a;if(e.key===`Enter`||e.key===` `){e.preventDefault(),z(t.dataset.iso??``);return}if(e.key===`ArrowRight`)a=r[i+1];else if(e.key===`ArrowLeft`)a=r[i-1];else if(e.key===`ArrowDown`)a=r[i+7];else if(e.key===`ArrowUp`)a=r[i-7];else if(e.key===`Home`)a=r[Math.floor(i/7)*7];else if(e.key===`End`)a=r[Math.floor(i/7)*7+6];else return;e.preventDefault(),a?.focus()}function B(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r();return}if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}function ne(){if(c.value)return;r.value=!0,u.setView(`day`),d.value=`day`;let e=s.value;e&&(u.goTo(e.year,e.month),f.value=u.displayYear(),m.value=u.displayMonth()),y.update(),b=y.startAutoUpdate?.()??null}function re(){r.value=!1,u.setView(`day`),d.value=`day`,b?.(),b=null}function V(){r.value?re():ne()}function ie(e){c.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),V()):e.key===`Escape`&&r.value&&(e.preventDefault(),re()))}function ae(e){e.key===`Escape`&&(e.preventDefault(),re())}function oe(e){r.value&&(e.composedPath().includes(n)||re())}return p(()=>(document.addEventListener(`pointerdown`,oe,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,oe,{capture:!0}),b?.(),b=null})),e({attr:{open:()=>r.value?!0:void 0}}),o`
|
|
2379
2379
|
<!-- Trigger: ore-input in readonly display mode -->
|
|
2380
2380
|
<ore-input
|
|
2381
2381
|
class="trigger"
|
|
@@ -2401,8 +2401,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2401
2401
|
?required="${()=>t.required.value?!0:void 0}"
|
|
2402
2402
|
?fullwidth="${()=>t.fullwidth.value?!0:void 0}"
|
|
2403
2403
|
?success="${()=>t.success.value}"
|
|
2404
|
-
@click="${
|
|
2405
|
-
@keydown="${
|
|
2404
|
+
@click="${V}"
|
|
2405
|
+
@keydown="${ie}">
|
|
2406
2406
|
<ore-icon slot="suffix" name="calendar" size="16" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
2407
2407
|
</ore-input>
|
|
2408
2408
|
|
|
@@ -2415,7 +2415,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2415
2415
|
aria-modal="true"
|
|
2416
2416
|
aria-label="${()=>`Choose date — ${E.value}`}"
|
|
2417
2417
|
?data-open="${r}"
|
|
2418
|
-
@keydown="${
|
|
2418
|
+
@keydown="${ae}">
|
|
2419
2419
|
<!-- Calendar header -->
|
|
2420
2420
|
<div class="cal-header" part="header">
|
|
2421
2421
|
<button class="nav-btn" type="button" aria-label="Previous" @click="${F}">
|
|
@@ -2463,8 +2463,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2463
2463
|
?data-disabled="${()=>e.isDisabled}"
|
|
2464
2464
|
data-iso="${e.iso}"
|
|
2465
2465
|
tabindex="${()=>e.isDisabled?`-1`:`0`}"
|
|
2466
|
-
@click="${()=>
|
|
2467
|
-
@keydown="${
|
|
2466
|
+
@click="${()=>z(e.iso)}"
|
|
2467
|
+
@keydown="${te}">
|
|
2468
2468
|
${String(e.day)}
|
|
2469
2469
|
</div>
|
|
2470
2470
|
`)}
|
|
@@ -2490,7 +2490,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2490
2490
|
?data-disabled="${()=>e.isDisabled}"
|
|
2491
2491
|
tabindex="${()=>e.isDisabled?`-1`:`0`}"
|
|
2492
2492
|
@click="${()=>{e.isDisabled||R(e.month)}}"
|
|
2493
|
-
@keydown="${t=>
|
|
2493
|
+
@keydown="${t=>B(t,`.cal-cell-month`,4,()=>{e.isDisabled||R(e.month)})}">
|
|
2494
2494
|
${e.shortLabel}
|
|
2495
2495
|
</div>
|
|
2496
2496
|
`)}
|
|
@@ -2504,7 +2504,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2504
2504
|
role="grid"
|
|
2505
2505
|
aria-label="Select year"
|
|
2506
2506
|
?hidden="${()=>d.value!==`year`}">
|
|
2507
|
-
${()=>{let e=
|
|
2507
|
+
${()=>{let e=A.value,t=[];for(let n=0;n<e.length;n+=4)t.push(e.slice(n,n+4));return t.map(e=>o`
|
|
2508
2508
|
<div role="row">
|
|
2509
2509
|
${e.map(e=>o`
|
|
2510
2510
|
<div
|
|
@@ -2516,7 +2516,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2516
2516
|
?data-disabled="${()=>e.isDisabled}"
|
|
2517
2517
|
tabindex="${()=>e.isDisabled?`-1`:`0`}"
|
|
2518
2518
|
@click="${()=>{e.isDisabled||ee(e.year)}}"
|
|
2519
|
-
@keydown="${t=>
|
|
2519
|
+
@keydown="${t=>B(t,`.cal-cell-year`,4,()=>{e.isDisabled||ee(e.year)})}">
|
|
2520
2520
|
${String(e.year)}
|
|
2521
2521
|
</div>
|
|
2522
2522
|
`)}
|
|
@@ -2524,7 +2524,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2524
2524
|
`)}}
|
|
2525
2525
|
</div>
|
|
2526
2526
|
</div>
|
|
2527
|
-
`},shadow:{delegatesFocus:!0},styles:[K,U,wa]});var Ea=e=>{if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return`${parseFloat((e/t**r).toFixed(1))} ${n[r]}`},Da=(e,t)=>!t||e.size<=t,Oa=e=>e>0?`${Ea(e)}/s`:``,ka=e=>e?e.split(`,`).map(e=>e.trim()):[],Aa={error:null,loaded:0,speedBps:0,status:`idle`},ja=e=>{if(e.speedBps<=0||e.status!==`uploading`)return``;let t=Math.max(0,Math.round((e.total-e.loaded)/e.speedBps));return t<60?`${t}s left`:`${Math.round(t/60)}m left`};function Ma(e){let t=D([]),n=new Map,r=new Map;function i(e){let t=n.get(e);return t||(t=D({...Aa,total:e.size}),n.set(e,t)),t}function a(e){return i(e).value}function o(e,t){let n=i(e);n.value={...n.value,...t}}function s(t,n=0){if(e.disabled.value)return;let i=e.upload.value;if(!i)return;r.get(t)?.abort();let s=new AbortController;r.set(t,s),o(t,{error:null,loaded:n,speedBps:0,status:`uploading`,total:t.size});let c=performance.now(),l=n;i(t,{onProgress:(n,r)=>{if(s.signal.aborted)return;let i=performance.now(),u=(i-c)/1e3,d=u>0?Math.max(0,(n-l)/u):0,f=a(t).speedBps,p=f>0?f*.7+d*.3:d;c=i,l=n,o(t,{loaded:n,speedBps:p,total:r||t.size}),e.onUploadProgress(t,n,r||t.size)},resumeFrom:n,signal:s.signal}).then(()=>{s.signal.aborted||(o(t,{loaded:t.size,speedBps:0,status:`success`}),ln(`${t.name} uploaded successfully.`),e.onUploadSuccess(t))}).catch(n=>{if(s.signal.aborted)return;let r=n instanceof Error?n.message:String(n);o(t,{error:r,speedBps:0,status:`error`}),ln(`${t.name} failed to upload: ${r}`,{politeness:`assertive`}),e.onUploadError(t,n)})}function c(t){e.disabled.value||s(t,a(t).loaded)}function l(e){let t=new Set(e);for(let e of n.keys())t.has(e)||(r.get(e)?.abort(),r.delete(e),n.delete(e))}let u=J(t,l);function d(n,r){if(e.disabled.value)return;let i=e.multiple.value,a=Array.from(n);i||(a=a.slice(0,1));let o=ka(e.accept.value),c=e.maxSize.value;a=a.filter(e=>ne(e,o)&&Da(e,c));let l=i?[...t.value]:[],u=[];for(let e of a)l.includes(e)||(l.push(e),u.push(e));let d=e.maxFiles.value;d>0&&l.length>d&&(l=l.slice(0,d)),t.value=l,e.onChange(t.value,r);for(let e of u)t.value.includes(e)&&s(e)}function f(n,r){e.disabled.value||(t.value=t.value.filter(e=>e!==n),e.onRemove(n,t.value,r),e.onChange(t.value,r))}function p(n,r,i){if(e.disabled.value)return!1;let a=ka(e.accept.value);return!ne(r,a)||!Da(r,e.maxSize.value)?!1:(t.value=t.value.map(e=>e===n?r:e),e.onRemove(n,t.value,i),e.onChange(t.value,i),s(r),!0)}function m(e){let t=a(e);return t.total<=0?0:Math.min(100,Math.round(t.loaded/t.total*100))}function h(e){let t=a(e);return[Oa(t.speedBps),ja(t)].filter(Boolean).join(` · `)}function g(e){let t=a(e).status;return t===`success`?`check`:t===`error`?`alert-circle`:`file`}function _(){u.dispose();for(let e of r.values())e.abort();r.clear(),n.clear()}return{addFiles:d,dispose:_,files:t,fileState:a,removeFile:f,replaceFile:p,retryUpload:c,statusIconName:g,uploadMetaText:h,uploadPercent:m}}var Na=`@layer refine.base{:host{--_font-size:var(--file-input-font-size,var(--text-sm));--_radius:var(--file-input-radius,var(--rounded-lg));--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,var(--color-contrast-300));--_min-height:var(--file-input-min-height,var(--size-36));flex-direction:column;align-items:stretch;display:inline-flex}.file-input-wrapper{gap:var(--size-1-5);flex-direction:column;width:100%;display:flex}.label-outside{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);color:var(--color-contrast-500);cursor:default;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.dropzone{box-sizing:border-box;gap:var(--size-2);min-height:var(--_min-height);padding:var(--size-6) var(--size-4);text-align:center;cursor:pointer;background:var(--_bg);border:var(--border-2) dashed var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.dropzone-content{gap:var(--size-2);pointer-events:none;flex-direction:column;align-items:center;display:flex}.dropzone-icon{color:var(--color-contrast-400);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.dropzone-title{font-size:var(--_font-size);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-contrast-700)}.dropzone-title u{color:var(--_theme-focus,var(--color-primary));text-underline-offset:2px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.dropzone-title-active{color:var(--_theme-focus,var(--color-primary))}.dropzone-hint{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400)}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}.file-list{gap:var(--size-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.file-item{box-sizing:border-box;gap:var(--size-3);padding:var(--size-2) var(--size-3);background:var(--color-contrast-50);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);transition:background var(--transition-fast);align-items:center;display:flex}.file-item:hover{background:var(--color-contrast-100)}.file-icon{color:var(--_theme-focus,var(--color-primary));flex-shrink:0}.file-meta{gap:var(--size-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.file-name{text-overflow:ellipsis;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-700);white-space:nowrap;overflow:hidden}.file-size{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-actions{gap:var(--size-0-5);flex-shrink:0;display:flex}.file-remove,.file-action{padding:var(--size-1);color:var(--color-contrast-400);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-remove:hover{color:var(--color-error);background:var(--color-error-backdrop,color-mix(in oklch, var(--color-error) 12%, transparent))}.file-action:hover{color:var(--_theme-focus,var(--color-primary));background:var(--_theme-backdrop,color-mix(in oklch, var(--color-primary) 12%, transparent))}.file-progress-meta{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-error-text{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-error);white-space:nowrap;overflow:hidden}.file-item[data-status=success] .file-icon{color:var(--color-success)}.file-item[data-status=error] .file-icon{color:var(--color-error)}.file-item[data-status=error]{border-color:color-mix(in oklch, var(--color-error) 40%, var(--color-contrast-200))}.file-grid{--_thumb-size:var(--file-input-thumb-size,var(--size-24));grid-template-columns:repeat(auto-fill, minmax(var(--_thumb-size), 1fr));gap:var(--size-2);margin:0;padding:0;list-style:none;display:grid}.file-card{box-sizing:border-box;gap:var(--size-1);flex-direction:column;display:flex}.file-thumb-frame{display:block;position:relative}.file-thumb{box-sizing:border-box;aspect-ratio:1;object-fit:cover;background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);width:100%;display:block}.file-thumb-generic{color:var(--color-contrast-400);justify-content:center;align-items:center;display:flex}.file-card[data-status=uploading] .file-thumb{opacity:.6}.file-card[data-status=error] .file-thumb{border-color:color-mix(in oklch, var(--color-error) 50%, var(--color-contrast-200))}.file-card-name{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-contrast-600);text-align:center;white-space:nowrap;overflow:hidden}.file-status-badge{top:var(--size-1);left:var(--size-1);width:var(--size-5);height:var(--size-5);color:var(--color-canvas);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}.file-status-badge-success{background:var(--color-success)}.file-status-badge-error{background:var(--color-error)}.file-card-actions{top:var(--size-1);right:var(--size-1);gap:var(--size-0-5);display:flex;position:absolute}.file-card-action{width:var(--size-5);height:var(--size-5);color:var(--color-contrast-50);cursor:pointer;background:color-mix(in oklch, var(--color-contrast-900) 55%, transparent);border-radius:var(--rounded-full);transition:background var(--transition-fast), color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.file-card-remove:hover{color:var(--color-canvas);background:var(--color-error)}.file-card-action:not(.file-card-remove):hover{color:var(--color-canvas);background:var(--color-primary)}.file-card .file-progress-meta,.file-card .file-error-text{text-align:center;white-space:normal}:host(:not([disabled])) .dropzone:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .dropzone:hover .dropzone-title u{-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));text-decoration-color:var(--_theme-focus,var(--color-primary))}:host(:not([disabled])) .dropzone:focus-visible{border-color:var(--_theme-focus,var(--color-primary));box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .dropzone:hover .dropzone-icon,:host(:not([disabled])) .dropzone:focus-visible .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-1px)}:host([drag-over]) .dropzone{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 8%, transparent);border-color:var(--_theme-focus,var(--color-primary));box-shadow:0 0 0 3px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 25%, transparent), 0 0 20px 2px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 45%, transparent);border-style:solid}:host([drag-over]) .dropzone .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-2px)scale(1.05)}:host([invalid]) .dropzone{border-color:var(--color-error)}:host([invalid]) .label-outside,.dropzone-icon[data-status=error],.helper-text-error{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--file-input-bg,var(--color-contrast-50));--_border-color:var(--file-input-border-color,var(--color-contrast-300))}:host([variant=flat]){--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=flat]) .dropzone:hover{background:var(--file-input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--file-input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat][drag-over]) .dropzone,:host([variant=flat]) .dropzone:focus-visible{background:var(--file-input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--file-input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--file-input-bg,var(--_theme-backdrop));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .dropzone:hover{border-color:var(--file-input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--file-input-bg,transparent)}:host([variant=ghost]){--_bg:var(--file-input-bg,transparent);--_border-color:var(--file-input-border-color,transparent)}:host(:not([disabled])[variant=ghost]) .dropzone:hover{background:var(--file-input-hover-bg,var(--color-contrast-100));border-color:var(--file-input-hover-border-color,var(--color-contrast-200))}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .dropzone{background:var(--color-contrast-100);border-color:var(--color-contrast-200)}:host([disabled]) .dropzone-icon,:host([disabled]) .dropzone-title,:host([disabled]) .dropzone-hint,:host([disabled]) .dropzone-title u,:host([disabled]) .label-outside{color:var(--color-contrast-400)}`,Pa=e=>e.type.startsWith(`image/`),Fa=`ore-file-input`;i(Fa,{formAssociated:!0,props:{accept:m.string(),color:m.string(),disabled:m.bool(!1),error:m.string(),gallery:m.bool(!1),helper:m.string(),label:m.string(),"max-files":m.number(0),"max-size":m.number(0),multiple:m.bool(!1),name:m.string(),ref:m.data(),required:m.bool(!1),size:m.string(),upload:m.data()},setup(t){let r=b(),i=D(!1),a=D(null),s=T(()=>!!t.disabled.value),c=T(()=>t[`max-files`].value??0),l=T(()=>t[`max-size`].value??0),m=Ma({accept:t.accept,disabled:s,maxFiles:c,maxSize:l,multiple:T(()=>!!t.multiple.value),onChange:(e,t)=>r(`change`,{files:e,originalEvent:t,value:e}),onRemove:(e,t,n)=>r(`remove`,{file:e,files:t,originalEvent:n,value:t}),onUploadError:(e,t)=>r(`upload-error`,{error:t,file:e}),onUploadProgress:(e,t,n)=>r(`upload-progress`,{file:e,loaded:t,total:n}),onUploadSuccess:e=>r(`upload-success`,{file:e}),upload:T(()=>t.upload.value??void 0)});u(()=>m.dispose()),x({disabled:s,toFormValue:e=>{if(e.length===0)return null;let n=t.name.value||`file`,r=new FormData;for(let t of e)r.append(n,t);return r},value:m.files});let h=T(()=>!!t.error.value);e({attr:{"drag-over":()=>i.value?!0:void 0,invalid:()=>h.value?!0:void 0,size:t.size}});let _=n(`file-input`),v=`label-${_}`,y=`helper-${_}`,S=`error-${_}`,C=g(),E=g(),O=T(()=>{let e=[];t.accept.value&&e.push(t.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=l.value;n>0&&e.push(`max ${Ea(n)}`);let r=c.value;return r>0&&e.push(`up to ${r} file${r===1?``:`s`}`),e.join(` · `)});function k(e){a.value=e,E.value?.click()}let A=new Map;function j(e){let t=A.get(e);return t||(t=URL.createObjectURL(e),A.set(e,t)),t}function M(e){let t=new Set(e);for(let[e,n]of A)t.has(e)||(URL.revokeObjectURL(n),A.delete(e))}return J(m.files,M),u(()=>{for(let e of A.values())URL.revokeObjectURL(e);A.clear()}),d(E,e=>Ct(t.ref,e)),p(()=>{let e=E.value,t=C.value,n=!1,r=Vt({disabled:s,onPress:()=>{e.click()}});f(e,`change`,e=>{let t=e.target,n=a.value;a.value=null,n&&t.files?.[0]?m.replaceFile(n,t.files[0],e):t.files?.length&&m.addFiles(Array.from(t.files),e),t.value=``}),f(t,`click`,t=>{if(t.target!==e){if(n){n=!1;return}s.value||e.click()}}),f(t,`keydown`,e=>{n=r.handleKeydown(e)&&e.key===`Enter`}),J(s,e=>{let n=te({disabled:e,element:t,onDrop:e=>m.addFiles(e),onHoverChange:e=>{i.value=e}});return()=>n.dispose()},{immediate:!0})}),o`
|
|
2527
|
+
`},shadow:{delegatesFocus:!0},styles:[X,q,aa]});var sa=`@layer refine.base{:host{--_font-size:var(--file-input-font-size,var(--text-sm));--_radius:var(--file-input-radius,var(--rounded-lg));--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,var(--color-contrast-300));--_min-height:var(--file-input-min-height,var(--size-36));flex-direction:column;align-items:stretch;display:inline-flex}.file-input-wrapper{gap:var(--size-1-5);flex-direction:column;width:100%;display:flex}.label-outside{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);color:var(--color-contrast-500);cursor:default;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.dropzone{box-sizing:border-box;gap:var(--size-2);min-height:var(--_min-height);padding:var(--size-6) var(--size-4);text-align:center;cursor:pointer;background:var(--_bg);border:var(--border-2) dashed var(--_border-color);border-radius:var(--_radius);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.dropzone-content{gap:var(--size-2);pointer-events:none;flex-direction:column;align-items:center;display:flex}.dropzone-icon{color:var(--color-contrast-400);transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.dropzone-title{font-size:var(--_font-size);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-contrast-700)}.dropzone-title u{color:var(--_theme-focus,var(--color-primary));text-underline-offset:2px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.dropzone-title-active{color:var(--_theme-focus,var(--color-primary))}.dropzone-hint{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400)}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}.file-list{gap:var(--size-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.file-item{box-sizing:border-box;gap:var(--size-3);padding:var(--size-2) var(--size-3);background:var(--color-contrast-50);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);transition:background var(--transition-fast);align-items:center;display:flex}.file-item:hover{background:var(--color-contrast-100)}.file-icon{color:var(--_theme-focus,var(--color-primary));flex-shrink:0}.file-meta{gap:var(--size-0-5);flex-direction:column;flex:1;min-width:0;display:flex}.file-name{text-overflow:ellipsis;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-700);white-space:nowrap;overflow:hidden}.file-size{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-actions{gap:var(--size-0-5);flex-shrink:0;display:flex}.file-remove,.file-action{padding:var(--size-1);color:var(--color-contrast-400);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-remove:hover{color:var(--color-error);background:var(--color-error-backdrop,color-mix(in oklch, var(--color-error) 12%, transparent))}.file-action:hover{color:var(--_theme-focus,var(--color-primary));background:var(--_theme-backdrop,color-mix(in oklch, var(--color-primary) 12%, transparent))}.file-progress-meta{font-size:var(--text-xs);color:var(--color-contrast-400)}.file-error-text{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-error);white-space:nowrap;overflow:hidden}.file-item[data-status=success] .file-icon{color:var(--color-success)}.file-item[data-status=error] .file-icon{color:var(--color-error)}.file-item[data-status=error]{border-color:color-mix(in oklch, var(--color-error) 40%, var(--color-contrast-200))}.file-grid{--_thumb-size:var(--file-input-thumb-size,var(--size-24));grid-template-columns:repeat(auto-fill, minmax(var(--_thumb-size), 1fr));gap:var(--size-2);margin:0;padding:0;list-style:none;display:grid}.file-card{box-sizing:border-box;gap:var(--size-1);flex-direction:column;display:flex}.file-thumb-frame{display:block;position:relative}.file-thumb{box-sizing:border-box;aspect-ratio:1;object-fit:cover;background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-radius:var(--_radius);width:100%;display:block}.file-thumb-generic{color:var(--color-contrast-400);justify-content:center;align-items:center;display:flex}.file-card[data-status=uploading] .file-thumb{opacity:.6}.file-card[data-status=error] .file-thumb{border-color:color-mix(in oklch, var(--color-error) 50%, var(--color-contrast-200))}.file-card-name{text-overflow:ellipsis;font-size:var(--text-xs);color:var(--color-contrast-600);text-align:center;white-space:nowrap;overflow:hidden}.file-status-badge{top:var(--size-1);left:var(--size-1);width:var(--size-5);height:var(--size-5);color:var(--color-canvas);border-radius:var(--rounded-full);justify-content:center;align-items:center;display:flex;position:absolute}.file-status-badge-success{background:var(--color-success)}.file-status-badge-error{background:var(--color-error)}.file-card-actions{top:var(--size-1);right:var(--size-1);gap:var(--size-0-5);display:flex;position:absolute}.file-card-action{width:var(--size-5);height:var(--size-5);color:var(--color-contrast-50);cursor:pointer;background:color-mix(in oklch, var(--color-contrast-900) 55%, transparent);border-radius:var(--rounded-full);transition:background var(--transition-fast), color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.file-card-remove:hover{color:var(--color-canvas);background:var(--color-error)}.file-card-action:not(.file-card-remove):hover{color:var(--color-canvas);background:var(--color-primary)}.file-card .file-progress-meta,.file-card .file-error-text{text-align:center;white-space:normal}:host(:not([disabled])) .dropzone:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .dropzone:hover .dropzone-title u{-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));-webkit-text-decoration-color:var(--_theme-focus,var(--color-primary));text-decoration-color:var(--_theme-focus,var(--color-primary))}:host(:not([disabled])) .dropzone:focus-visible{border-color:var(--_theme-focus,var(--color-primary));box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host(:not([disabled])) .dropzone:hover .dropzone-icon,:host(:not([disabled])) .dropzone:focus-visible .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-1px)}:host([drag-over]) .dropzone{background:color-mix(in oklch, var(--_theme-base,var(--color-primary)) 8%, transparent);border-color:var(--_theme-focus,var(--color-primary));box-shadow:0 0 0 3px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 25%, transparent), 0 0 20px 2px color-mix(in oklch, var(--_theme-focus,var(--color-primary)) 45%, transparent);border-style:solid}:host([drag-over]) .dropzone .dropzone-icon{color:var(--_theme-focus,var(--color-primary));transform:translateY(-2px)scale(1.05)}:host([invalid]) .dropzone{border-color:var(--color-error)}:host([invalid]) .label-outside,.dropzone-icon[data-status=error],.helper-text-error{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--file-input-bg,var(--color-contrast-50));--_border-color:var(--file-input-border-color,var(--color-contrast-300))}:host([variant=flat]){--_bg:var(--file-input-bg,var(--color-contrast-100));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 20%, transparent))}:host([variant=flat]) .dropzone:hover{background:var(--file-input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--file-input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .dropzone:focus-visible,:host([variant=flat][drag-over]) .dropzone{background:var(--file-input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--file-input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--file-input-bg,var(--_theme-backdrop));--_border-color:var(--file-input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .dropzone:hover{border-color:var(--file-input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--file-input-bg,transparent)}:host([variant=ghost]){--_bg:var(--file-input-bg,transparent);--_border-color:var(--file-input-border-color,transparent)}:host(:not([disabled])[variant=ghost]) .dropzone:hover{background:var(--file-input-hover-bg,var(--color-contrast-100));border-color:var(--file-input-hover-border-color,var(--color-contrast-200))}}@layer refine.utilities{:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .dropzone{background:var(--color-contrast-100);border-color:var(--color-contrast-200)}:host([disabled]) .dropzone-icon,:host([disabled]) .dropzone-title,:host([disabled]) .dropzone-hint,:host([disabled]) .dropzone-title u,:host([disabled]) .label-outside{color:var(--color-contrast-400)}`,ca=e=>{if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return`${parseFloat((e/t**r).toFixed(1))} ${n[r]}`},la=(e,t)=>!t||e.size<=t,ua=e=>e>0?`${ca(e)}/s`:``,da=e=>e?e.split(`,`).map(e=>e.trim()):[],fa={error:null,loaded:0,speedBps:0,status:`idle`},pa=e=>{if(e.speedBps<=0||e.status!==`uploading`)return``;let t=Math.max(0,Math.round((e.total-e.loaded)/e.speedBps));return t<60?`${t}s left`:`${Math.round(t/60)}m left`};function ma(e){let t=D([]),n=new Map,r=new Map;function i(e){let t=n.get(e);return t||(t=D({...fa,total:e.size}),n.set(e,t)),t}function a(e){return i(e).value}function o(e,t){let n=i(e);n.value={...n.value,...t}}function s(t,n=0){if(e.disabled.value)return;let i=e.upload.value;if(!i)return;r.get(t)?.abort();let s=new AbortController;r.set(t,s),o(t,{error:null,loaded:n,speedBps:0,status:`uploading`,total:t.size});let c=performance.now(),l=n;i(t,{onProgress:(n,r)=>{if(s.signal.aborted)return;let i=performance.now(),u=(i-c)/1e3,d=u>0?Math.max(0,(n-l)/u):0,f=a(t).speedBps,p=f>0?f*.7+d*.3:d;c=i,l=n,o(t,{loaded:n,speedBps:p,total:r||t.size}),e.onUploadProgress(t,n,r||t.size)},resumeFrom:n,signal:s.signal}).then(()=>{s.signal.aborted||(o(t,{loaded:t.size,speedBps:0,status:`success`}),dt(`${t.name} uploaded successfully.`),e.onUploadSuccess(t))}).catch(n=>{if(s.signal.aborted)return;let r=n instanceof Error?n.message:String(n);o(t,{error:r,speedBps:0,status:`error`}),dt(`${t.name} failed to upload: ${r}`,{politeness:`assertive`}),e.onUploadError(t,n)})}function c(t){e.disabled.value||s(t,a(t).loaded)}function l(e){let t=new Set(e);for(let e of n.keys())t.has(e)||(r.get(e)?.abort(),r.delete(e),n.delete(e))}let u=k(t,l);function d(n,r){if(e.disabled.value)return;let i=e.multiple.value,a=Array.from(n);i||(a=a.slice(0,1));let o=da(e.accept.value),c=e.maxSize.value;a=a.filter(e=>B(e,o)&&la(e,c));let l=i?[...t.value]:[],u=[];for(let e of a)l.includes(e)||(l.push(e),u.push(e));let d=e.maxFiles.value;d>0&&l.length>d&&(l=l.slice(0,d)),t.value=l,e.onChange(t.value,r);for(let e of u)t.value.includes(e)&&s(e)}function f(n,r){e.disabled.value||(t.value=t.value.filter(e=>e!==n),e.onRemove(n,t.value,r),e.onChange(t.value,r))}function p(n,r,i){if(e.disabled.value)return!1;let a=da(e.accept.value);return!B(r,a)||!la(r,e.maxSize.value)?!1:(t.value=t.value.map(e=>e===n?r:e),e.onRemove(n,t.value,i),e.onChange(t.value,i),s(r),!0)}function m(e){let t=a(e);return t.total<=0?0:Math.min(100,Math.round(t.loaded/t.total*100))}function h(e){let t=a(e);return[ua(t.speedBps),pa(t)].filter(Boolean).join(` · `)}function g(e){let t=a(e).status;return t===`success`?`check`:t===`error`?`alert-circle`:`file`}function _(){u.dispose();for(let e of r.values())e.abort();r.clear(),n.clear()}return{addFiles:d,dispose:_,fileState:a,files:t,removeFile:f,replaceFile:p,retryUpload:c,statusIconName:g,uploadMetaText:h,uploadPercent:m}}var ha=e=>e.type.startsWith(`image/`),ga=`ore-file-input`;i(ga,{formAssociated:!0,props:{accept:m.string(),color:m.string(),disabled:m.bool(!1),error:m.string(),gallery:m.bool(!1),helper:m.string(),label:m.string(),"max-files":m.number(0),"max-size":m.number(0),multiple:m.bool(!1),name:m.string(),ref:m.data(),required:m.bool(!1),size:m.string(),upload:m.data()},setup(t){let r=b(),i=D(!1),a=D(null),s=T(()=>!!t.disabled.value),c=T(()=>t[`max-files`].value??0),l=T(()=>t[`max-size`].value??0),m=ma({accept:t.accept,disabled:s,maxFiles:c,maxSize:l,multiple:T(()=>!!t.multiple.value),onChange:(e,t)=>r(`change`,{files:e,originalEvent:t,value:e}),onRemove:(e,t,n)=>r(`remove`,{file:e,files:t,originalEvent:n,value:t}),onUploadError:(e,t)=>r(`upload-error`,{error:t,file:e}),onUploadProgress:(e,t,n)=>r(`upload-progress`,{file:e,loaded:t,total:n}),onUploadSuccess:e=>r(`upload-success`,{file:e}),upload:T(()=>t.upload.value??void 0)});u(()=>m.dispose()),x({disabled:s,toFormValue:e=>{if(e.length===0)return null;let n=t.name.value||`file`,r=new FormData;for(let t of e)r.append(n,t);return r},value:m.files});let h=T(()=>!!t.error.value);e({attr:{"drag-over":()=>i.value?!0:void 0,invalid:()=>h.value?!0:void 0,size:t.size}});let _=n(`file-input`),v=`label-${_}`,y=`helper-${_}`,S=`error-${_}`,C=g(),E=g(),O=T(()=>{let e=[];t.accept.value&&e.push(t.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=l.value;n>0&&e.push(`max ${ca(n)}`);let r=c.value;return r>0&&e.push(`up to ${r} file${r===1?``:`s`}`),e.join(` · `)});function A(e){a.value=e,E.value?.click()}let j=new Map;function M(e){let t=j.get(e);return t||(t=URL.createObjectURL(e),j.set(e,t)),t}function N(e){let t=new Set(e);for(let[e,n]of j)t.has(e)||(URL.revokeObjectURL(n),j.delete(e))}return k(m.files,N),u(()=>{for(let e of j.values())URL.revokeObjectURL(e);j.clear()}),d(E,e=>Wt(t.ref,e)),p(()=>{let e=E.value,t=C.value,n=!1,r=Ct({disabled:s,onPress:()=>{e.click()}});f(e,`change`,e=>{let t=e.target,n=a.value;a.value=null,n&&t.files?.[0]?m.replaceFile(n,t.files[0],e):t.files?.length&&m.addFiles(Array.from(t.files),e),t.value=``}),f(t,`click`,t=>{if(t.target!==e){if(n){n=!1;return}s.value||e.click()}}),f(t,`keydown`,e=>{n=r.handleKeydown(e)&&e.key===`Enter`}),k(s,e=>{let n=te({disabled:e,element:t,onDrop:e=>m.addFiles(e),onHoverChange:e=>{i.value=e}});return()=>n.dispose()},{immediate:!0})}),o`
|
|
2528
2528
|
<div class="file-input-wrapper" part="wrapper">
|
|
2529
2529
|
<label class="label-outside" id="${v}" part="label" ?hidden=${()=>!t.label.value}>
|
|
2530
2530
|
${t.label}
|
|
@@ -2584,11 +2584,11 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2584
2584
|
${()=>m.files.value.map(e=>t.gallery.value?o`
|
|
2585
2585
|
<li class="file-card" data-status=${()=>m.fileState(e).status}>
|
|
2586
2586
|
<span class="file-thumb-frame">
|
|
2587
|
-
${
|
|
2587
|
+
${ha(e)?o`
|
|
2588
2588
|
<img
|
|
2589
2589
|
class="file-thumb"
|
|
2590
2590
|
alt=""
|
|
2591
|
-
ref="${t=>{t&&(t.src=
|
|
2591
|
+
ref="${t=>{t&&(t.src=M(e))}}" />
|
|
2592
2592
|
`:o`
|
|
2593
2593
|
<span class="file-thumb file-thumb-generic" aria-hidden="true">
|
|
2594
2594
|
<ore-icon name="file" size="28" stroke-width="1.5" aria-hidden="true"></ore-icon>
|
|
@@ -2619,7 +2619,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2619
2619
|
class="file-card-action"
|
|
2620
2620
|
type="button"
|
|
2621
2621
|
aria-label="${`Replace ${e.name}`}"
|
|
2622
|
-
@click=${()=>
|
|
2622
|
+
@click=${()=>A(e)}>
|
|
2623
2623
|
<ore-icon name="upload" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2624
2624
|
</button>
|
|
2625
2625
|
`)}
|
|
@@ -2668,7 +2668,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2668
2668
|
<span class="file-error-text">${()=>m.fileState(e).error}</span>
|
|
2669
2669
|
`)}
|
|
2670
2670
|
${w(()=>m.fileState(e).status===`idle`||m.fileState(e).status===`success`,()=>o`
|
|
2671
|
-
<span class="file-size">${
|
|
2671
|
+
<span class="file-size">${ca(e.size)}</span>
|
|
2672
2672
|
`)}
|
|
2673
2673
|
</span>
|
|
2674
2674
|
<span class="file-actions">
|
|
@@ -2686,7 +2686,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2686
2686
|
class="file-action"
|
|
2687
2687
|
type="button"
|
|
2688
2688
|
aria-label="${`Replace ${e.name}`}"
|
|
2689
|
-
@click=${()=>
|
|
2689
|
+
@click=${()=>A(e)}>
|
|
2690
2690
|
<ore-icon name="upload" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2691
2691
|
</button>
|
|
2692
2692
|
`)}
|
|
@@ -2713,7 +2713,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2713
2713
|
${()=>t.error.value??``}
|
|
2714
2714
|
</div>
|
|
2715
2715
|
</div>
|
|
2716
|
-
`},shadow:{delegatesFocus:!0},styles:[K,
|
|
2716
|
+
`},shadow:{delegatesFocus:!0},styles:[X,K,q,J,Ue,Y(ke),Ye(`.dropzone`),sa]});var _a=`@layer refine.base{:host{--_radius:var(--message-composer-radius,var(--rounded-2xl));--_padding:var(--message-composer-padding,var(--size-3));--_surface:var(--_bg);width:fit-content;max-width:100%;display:flex}:host([fullwidth]){width:100%}.composer{gap:var(--message-composer-gap,var(--_gap));width:100%;padding:var(--_padding);background:var(--_surface);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;position:relative}:host(:not([disabled],[variant=bordered],[variant=flat])) .composer:hover{border-color:var(--color-contrast-400)}:host([error]:not([error=""])) .composer{border-color:var(--color-error)}:host([success]) .composer{border-color:var(--color-success)}.status-icon{width:var(--size-5);height:var(--size-5);top:var(--_padding);justify-content:center;align-items:center;display:none;position:absolute}.status-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--_padding)}.status-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--_padding)}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}.field{box-sizing:border-box;width:100%;min-width:0;min-height:var(--message-composer-min-height,1lh);font:inherit;font-size:var(--_font-size);line-height:var(--leading-relaxed);color:var(--text-color-body);resize:none;background:0 0;border:none;outline:none;padding:0}.field::placeholder{color:var(--message-composer-placeholder-color,var(--color-contrast-500))}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}.counter{font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);align-self:flex-end;padding-left:2px;padding-right:2px}.counter.near-limit{color:var(--color-warning)}.counter.at-limit{color:var(--color-error)}.toolbar{gap:var(--message-composer-gap,var(--_gap));justify-content:space-between;align-items:center;display:flex}.toolbar-start,.toolbar-end{gap:var(--message-composer-gap,var(--_gap));align-items:center;min-width:0;display:flex}.send-btn{flex-shrink:0}}@layer refine.variants{:host(:not([disabled],[variant=flat])) .composer:focus-within{--_surface:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow)}:host([error]:not([error=""])) .composer:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .composer:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}:host([loading]:not([disabled])){opacity:1}:host([loading]:not([disabled])) .composer{pointer-events:auto}:host([disabled]){opacity:1}:host([disabled]) .composer{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) .field{color:var(--color-contrast-400)}:host([disabled]) .field::placeholder{color:var(--color-contrast-300)}`,va=`Send message`,ya=`arrow-up`,ba=`ore-message-composer`;i(ba,{formAssociated:!0,props:{...H,...U,...W,...ye,"clear-on-send":m.bool(!0),error:m.string(),fullwidth:m.bool(!1),helper:m.string(),label:m.string(),maxlength:m.json(void 0),name:m.string(),placeholder:m.string(),readonly:m.bool(!1),ref:m.data(),required:m.bool(!1),rows:m.json(void 0),"send-icon":m.string(),"send-label":m.string(),"send-shortcut":m.oneOf([`enter`,`mod+enter`],`enter`),success:m.bool(!1),value:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=S(),s=t.disabled,c=Z(u),f=g(),p=mt(),m=tn({disabled:s,error:t.error,helper:t.helper,maxLength:t.maxlength,onInput:(e,t)=>{$(n,t),Q(n,`input`)},prefix:`composer`,readonly:t.readonly,required:t.required,signal:c,value:t.value});wi(n,()=>m.value.value,e=>{m.value.value=e}),m.attachFormField(x({disabled:m.disabled,onReset:()=>{m.reset(),p.recompute()},toFormValue:e=>e,validationMessage:m.validationMessage,validity:m.validity,value:m.value}));function h(e){r(`send`,{originalEvent:e,value:m.value.value.trim()})&&t[`clear-on-send`].value!==!1&&(m.clear(),p.recompute(),f.value?.focus())}let _=kt({disabled:s,loading:T(()=>!!t.loading.value),onSend:h,sendShortcut:t[`send-shortcut`],value:m.value});return d(f,e=>{let n=m.wire(e),r=p.wire(e),i=Wt(t.ref,e),a=e=>_.handleKeydown(e);return e.addEventListener(`keydown`,a),()=>{e.removeEventListener(`keydown`,a),n(),r(),i()}}),e({attr:{error:$n(m.errorText),size:t.size,success:()=>t.success.value&&!m.errorText.value?!0:void 0,variant:t.variant}}),o`
|
|
2717
2717
|
<div class="composer" part="composer">
|
|
2718
2718
|
<textarea
|
|
2719
2719
|
class="field"
|
|
@@ -2732,7 +2732,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2732
2732
|
aria-describedby="${m.ariaDescribedBy}"
|
|
2733
2733
|
aria-errormessage="${m.ariaErrorMessage}"
|
|
2734
2734
|
aria-invalid="${m.ariaInvalid}"></textarea>
|
|
2735
|
-
${
|
|
2735
|
+
${nr(m.errorText)} ${rr(m)}
|
|
2736
2736
|
<div class="toolbar" part="toolbar">
|
|
2737
2737
|
<div class="toolbar-start" part="toolbar-start">
|
|
2738
2738
|
<slot name="prefix"></slot>
|
|
@@ -2749,17 +2749,17 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2749
2749
|
variant="solid"
|
|
2750
2750
|
color="${()=>t.color.value||`primary`}"
|
|
2751
2751
|
size="${t.size}"
|
|
2752
|
-
label="${()=>t[`send-label`].value||
|
|
2752
|
+
label="${()=>t[`send-label`].value||va}"
|
|
2753
2753
|
?loading="${()=>!!t.loading.value}"
|
|
2754
2754
|
?disabled="${()=>!_.canSend.value}"
|
|
2755
2755
|
@click="${e=>_.send(e)}">
|
|
2756
|
-
<ore-icon name="${()=>t[`send-icon`].value||
|
|
2756
|
+
<ore-icon name="${()=>t[`send-icon`].value||ya}" size="16"></ore-icon>
|
|
2757
2757
|
</ore-button>
|
|
2758
2758
|
`}
|
|
2759
2759
|
</div>
|
|
2760
2760
|
</div>
|
|
2761
2761
|
</div>
|
|
2762
|
-
`},shadow:{delegatesFocus:!0},styles:[K,
|
|
2762
|
+
`},shadow:{delegatesFocus:!0},styles:[X,K,q,Ue,Je,Ye(`.field`),Y(Ee),_a,Re({container:`.composer`,text:`.field`,tokenPrefix:`message-composer`})]});var xa=`@layer refine.base{:host{min-width:var(--number-input-min-width,12rem);display:inline-flex}:host([fullwidth]){width:100%}.field{flex:1}.field::part(input){text-align:center}button[part=decrement-btn],button[part=increment-btn]{width:var(--size-6);min-width:var(--size-6);height:var(--size-6);min-height:var(--size-6);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}button[part=decrement-btn]:hover:not(:disabled),button[part=increment-btn]:hover:not(:disabled){color:var(--color-contrast-900);background:var(--color-contrast-150,var(--color-contrast-100))}button[part=decrement-btn]:active:not(:disabled),button[part=increment-btn]:active:not(:disabled){background:var(--color-contrast-200)}button[part=decrement-btn]:disabled,button[part=increment-btn]:disabled{color:var(--color-contrast-300);cursor:not-allowed;background:0 0}button[part=decrement-btn]:focus-visible,button[part=increment-btn]:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}}:host([disabled]){opacity:1}`,Sa=`ore-number-input`;i(Sa,{formAssociated:!0,props:{...H,...U,...W,...G,error:m.string(),fullwidth:m.bool(!1),helper:m.string(),label:m.string(),"label-placement":m.oneOf([`inset`,`outside`],`inset`),"large-step":m.json(void 0),loading:m.bool(!1),max:m.json(void 0),min:m.json(void 0),name:m.string(),placeholder:m.string(),readonly:m.bool(!1),ref:m.data(),step:m.number(1),success:m.bool(!1),value:m.json(void 0),variant:m.string()},setup(t){let n=a(),r=C,i=T(()=>t.disabled.value||t.loading.value),s=T(()=>!!t.readonly.value),c=D(t.value.value==null?``:String(t.value.value));wi(n,()=>c.value,e=>{c.value=e}),k(t.value,e=>{let t=e==null?``:String(e);c.value!==t&&(c.value=t)});function l(){let e=c.value.trim();if(!e)return null;let t=Number.parseFloat(e);return Number.isNaN(t)?null:t}function u(e,r){let i=t.min.value==null?void 0:Number(t.min.value),a=t.max.value==null?void 0:Number(t.max.value),o=e==null?null:Gt(e,i,a),s=o==null?``:String(o);c.value!==s&&(c.value=s),$(n,s),Q(n,`change`)}let f=qt({commit:u,disabled:i,largeStep:t[`large-step`],max:t.max,min:t.min,parse:l,readonly:s,step:t.step}),p=g(),m=null,h=null,_=null,v=e=>{if(!e){m?.(),h?.(),_?.dispose(),m=null,h=null,_=null,t.ref.value?.(null);return}e.setAttribute(`inputmode`,`decimal`),e.setAttribute(`role`,`spinbutton`);let i=e=>{let t=e.target.value,n=t===``?null:Number.parseFloat(t);u(Number.isNaN(n??NaN)?null:n,e)},a=e=>{let t=e.target.value;c.value=t,$(n,t),Q(n,`input`)};e.addEventListener(`change`,i),e.addEventListener(`input`,a),h=()=>{e.removeEventListener(`change`,i),e.removeEventListener(`input`,a)},m=r(()=>{let n=l();n==null?e.removeAttribute(`aria-valuenow`):e.setAttribute(`aria-valuenow`,String(n)),t.min.value==null?e.removeAttribute(`aria-valuemin`):e.setAttribute(`aria-valuemin`,String(t.min.value)),t.max.value==null?e.removeAttribute(`aria-valuemax`):e.setAttribute(`aria-valuemax`,String(t.max.value)),s.value?e.setAttribute(`aria-readonly`,`true`):e.removeAttribute(`aria-readonly`)}),t.ref.value?.(e),_=k(t.ref,t=>{t?.(e)})};d(p,e=>{e.ref=v}),e({attr:{size:t.size,value:()=>c.value||null,variant:t.variant}});let y=T(()=>i.value||s.value);return o`
|
|
2763
2763
|
<ore-input
|
|
2764
2764
|
class="field"
|
|
2765
2765
|
part="field control"
|
|
@@ -2800,7 +2800,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2800
2800
|
<ore-icon name="plus" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2801
2801
|
</button>
|
|
2802
2802
|
</ore-input>
|
|
2803
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
2803
|
+
`},shadow:{delegatesFocus:!0},styles:[Ue,xa]});var Ca=`@layer refine.base{:host{--_cell-size:var(--otp-cell-size,var(--size-12));--_cell-gap:var(--otp-cell-gap,var(--size-2));--_cell-font-size:var(--otp-cell-font-size,var(--text-xl));--_cell-radius:var(--otp-cell-radius,var(--rounded-lg));--_cell-border:var(--otp-cell-border,var(--border));--_border-color:var(--otp-cell-border-color,var(--color-contrast-300));--_bg:var(--otp-cell-bg,var(--color-canvas));--_cell-focus-border:var(--otp-cell-focus-border,var(--_theme-base,var(--color-contrast-700)));gap:var(--size-1);flex-direction:column;display:inline-flex}.otp-group{gap:var(--_cell-gap);align-items:center;display:flex}.cell{box-sizing:border-box;width:var(--_cell-size);height:var(--_cell-size);font-size:var(--_cell-font-size);font-weight:var(--font-semibold);color:var(--color-contrast-900);text-align:center;caret-color:var(--_cell-focus-border);background:var(--_bg);border:var(--_cell-border) solid var(--_border-color);border-radius:var(--_cell-radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0;line-height:1;display:block}.cell::selection{background:var(--_theme-backdrop,var(--color-contrast-100))}.cell:focus{border-color:var(--_cell-focus-border);outline:none}.cell:disabled{cursor:not-allowed;opacity:.5}.separator{font-size:var(--_cell-font-size);color:var(--color-contrast-400);-webkit-user-select:none;user-select:none}}@layer refine.variants{:host(:not([disabled],[variant=flat])) .cell:focus{box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}}@layer refine.utilities{:host([size=sm]){--_cell-size:var(--size-9);--_cell-font-size:var(--text-base)}:host([size=lg]){--_cell-size:var(--size-14);--_cell-font-size:var(--text-2xl)}}`,wa=`ore-otp-input`;i(wa,{formAssociated:!0,props:{...H,...U,...W,label:m.string(`One-time password`),length:m.number(6),masked:m.bool(!1),name:m.string(),separator:m.string(),type:m.oneOf([`numeric`,`alphanumeric`],`numeric`),value:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=T(()=>Number(t.length.value)||6),s=T(()=>!!t.disabled.value),c=T(()=>Array.from({length:i.value},(e,t)=>t)),l=D(String(t.value.value||``)),d=()=>String(t.value.value||``);x({disabled:s,toFormValue:e=>e,value:l}),e({attr:{size:t.size,value:()=>l.value||null,variant:t.variant}});function f(){return[...n.shadowRoot?.querySelectorAll(`input.cell`)??[]]}let m=un({getItems:()=>f(),keys:{next:[`ArrowRight`],prev:[`ArrowLeft`]},loop:!1,onNavigate:(e,t)=>{f()[t]?.focus()},signal:Z(u)});function h(){return f().map(e=>e.value).join(``)}function g(e){let t=f(),n=String(e||``).slice(0,t.length);for(let e of t)e.value=``;n.split(``).forEach((e,n)=>{t[n]&&(t[n].value=e)}),l.value=h()}wi(n,()=>l.value,e=>{g(e)});function _(e,t){let i=f(),a=h(),o=t??(a.length===i.length&&a.split(``).every(Boolean));l.value=a,$(n,a),Q(n,`input`),Q(n,`change`),o&&r(`complete`,{originalEvent:e,value:a})}function v(e){return t.type.value===`numeric`?/^\d$/.test(e):/^[a-z\d]$/i.test(e)}function y(e,t){let n=e.target,r=n.value;if(r.length>1&&(r=r.slice(-1)),r&&!v(r)){n.value=``;return}n.value=r;let i=f();_(e),r&&t<i.length-1&&(i[t+1].focus(),i[t+1].select())}function S(e,t){let n=e.target,r=f();if(m.set(t),e.key===`Backspace`){if(n.value)n.value=``;else if(t>0){let e=r[m.navigate(`prev`)];e&&(e.select(),e.value=``)}_(e,!1),e.preventDefault()}else m.handleKeydown(e)}function C(e){e.preventDefault();let t=(e.clipboardData?.getData(`text`)??``).split(``).filter(e=>v(e)).slice(0,i.value),n=f();t.forEach((e,t)=>{n[t]&&(n[t].value=e)}),_(e),n[Math.min(t.length,n.length-1)]?.focus()}k(t.value,e=>{g(String(e||``))}),k(t.length,()=>{requestAnimationFrame(()=>g(d()))});let w=T(()=>{let e=Number(t.length.value)||6;return t.separator.value==null?-1:Math.floor(e/2)});return p(()=>{g(d())}),o`
|
|
2804
2804
|
<div class="otp-group" part="group" role="group" aria-label="${t.label}">
|
|
2805
2805
|
${()=>c.value.map(e=>o`
|
|
2806
2806
|
${()=>w.value>0&&e===w.value?o`
|
|
@@ -2821,7 +2821,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2821
2821
|
@focus="${e=>e.target.select()}" />
|
|
2822
2822
|
`)}
|
|
2823
2823
|
</div>
|
|
2824
|
-
`},styles:[
|
|
2824
|
+
`},styles:[X,Y({}),Ye(`.cell`),Ca,Re({accentVar:`--_cell-focus-border`,container:`.cell`,tokenPrefix:`otp-cell`})]});var Ta=`@layer refine.base{:host{display:block}fieldset{border:none;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);padding:0}legend[hidden]{display:none}.radio-group-items{flex-direction:var(--radio-group-direction,column);gap:var(--radio-group-gap,var(--size-2));display:flex}.helper-text[hidden]{display:none}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}.error-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-error);padding-left:2px;padding-right:2px}}@layer refine.variants{:host([orientation=horizontal]) .radio-group-items{--radio-group-direction:row;flex-wrap:wrap}}`,Ea=t(`OreRadioGroup`),Da=`ore-radio-group`;i(Da,{formAssociated:!0,props:{...H,...U,...W,error:m.string(),helper:m.string(),label:m.string(),name:m.string(),orientation:m.oneOf([`horizontal`,`vertical`],`vertical`),required:m.bool(!1),value:{...m.string(),reflect:!1}},setup(t){let r=a(),i=b(),s=S(),c=C,l=Dt({disabled:t.disabled,error:t.error,helper:t.helper,label:t.label,prefix:`radio-group`,required:t.required,signal:Z(u),value:t.value});l.attachFormField(x({disabled:l.disabled,onReset:l.reset,toFormValue:e=>e,validationMessage:l.validationMessage,validity:l.validity,value:l.formValue}));let d=l.selectedValue,f=t.disabled;e({attr:{size:t.size,value:()=>d.value||null}});let p=()=>Lt(r,`ore-radio`),m=()=>f.value?[]:p().filter(e=>!e.hasAttribute(`disabled`)),g=e=>Rt(p(),e),_=(e,t)=>{l.setValues(e?[e]:[]);let n=e?[g(e)]:[];i(`change`,{labels:n,originalEvent:t,values:e?[e]:[]}),l.triggerValidation(`blur`)};h(Ea,{color:t.color,disabled:f,name:t.name,select:_,size:t.size,value:d}),c(()=>{s.elements().value,d.value;let e=p();for(let n of e){let e=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,e===d.value),t.name.value?n.setAttribute(`name`,t.name.value):n.removeAttribute(`name`),t.color.value?n.setAttribute(`color`,t.color.value):n.removeAttribute(`color`),t.size.value?n.setAttribute(`size`,t.size.value):n.removeAttribute(`size`),n.toggleAttribute(`disabled`,f.value)}}),c(()=>{s.elements().value;let e=p(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===d.value;n.setAttribute(`tabindex`,e&&!f.value?`0`:`-1`),e&&!f.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let v=un({getItems:m,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=m()[t];r&&(r.focus(),r.tagName===`ORE-RADIO`&&_(r.getAttribute(`value`)??``,n))},signal:Z(u)});e({on:{change:e=>{e.target!==r&&(e.stopPropagation(),_(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=m();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(v.set(n),v.handleKeydown(e))}}});let y=n(`radio-group-legend`);return o`
|
|
2825
2825
|
<fieldset
|
|
2826
2826
|
role="radiogroup"
|
|
2827
2827
|
aria-required="${()=>String(!!t.required.value)}"
|
|
@@ -2846,15 +2846,15 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2846
2846
|
${()=>l.errorText.value||l.helperText.value}
|
|
2847
2847
|
</div>
|
|
2848
2848
|
</fieldset>
|
|
2849
|
-
`},styles:[
|
|
2849
|
+
`},styles:[He,Ta]});var Oa=`@layer refine.base{:host{--_size:var(--radio-size,var(--size-5));--_font-size:var(--radio-font-size,var(--text-sm));--_bg:var(--radio-bg,var(--color-contrast-200));--_border:var(--radio-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.radio-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.circle{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:50%;position:relative}:host(:focus-visible) .circle{box-shadow:var(--_focus-shadow)}.dot{background:var(--_dot-color);opacity:0;width:50%;height:50%;transition:opacity var(--transition-spring), transform var(--transition-spring);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.label{font-size:var(--_font-size);color:var(--color-contrast)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_size) + var(--size-2))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--radio-checked-bg,var(--_theme-base));--_dot-color:var(--radio-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .circle{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .dot{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,ka=`ore-radio`;i(ka,{formAssociated:!0,props:{...H,...U,...W,checked:m.bool(!1),error:m.string(),helper:m.string(),name:m.string(),value:m.string()},setup(t){let n=a(),r=s(Ea),i=T(()=>r?.name.value||t.name.value||``),c=T(()=>r?.size.value??t.size.value),l=T(()=>r?.color.value??t.color.value),d=T(()=>r?r.value.value===t.value.value:!!t.checked.value),f=()=>{let e=i.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},p=(e,t)=>{if(r){r.select(e.getAttribute(`value`)??``,t);return}e.click()},m=un({direction:()=>nn(n),getItems:()=>f(),loop:!0,onNavigate:(e,t,n)=>{let r=f()[t];r&&(r.focus(),p(r,n))},orientation:`both`,signal:Z(u)}),h=e=>{if(!g.checked.value){if(r){r.select(t.value.value??``,e);return}g.toggle(e??new Event(`change`))}},g=Tt({checked:d,disabled:T(()=>t.disabled.value||!!r?.disabled.value),error:t.error,helper:t.helper,onToggle:e=>{Ti(n,e.checked),Q(n,`input`),Q(n,`change`)},prefix:`radio`,signal:Z(u),value:t.value});g.attachFormField(x({disabled:g.disabled,toFormValue:e=>e,value:g.checkableFormValue}));let{assistiveId:_,checked:v,disabled:y,errorText:b,helperText:S,labelId:C,toggle:w}=g;return Ci(n,()=>v.value,e=>{v.value=e}),e({attr:{ariaChecked:()=>v.value?`true`:`false`,ariaDescribedby:()=>b.value||S.value?_:null,ariaDisabled:()=>y.value?`true`:null,ariaInvalid:()=>b.value?`true`:null,ariaLabelledby:C,checked:v,color:l,disabled:()=>y.value?!0:void 0,name:()=>i.value||void 0,role:`radio`,size:c,tabindex:()=>{if(!y.value)return v.value?0:-1}},class:()=>({"is-checked":v.value,"is-disabled":y.value}),on:{click:e=>{if(!y.value)if(r)r.select(t.value.value??``,e);else{if(!i.value)return;if(!v.value){let r=t.name.value;document.querySelectorAll(`ore-radio[name="${r}"]`).forEach(e=>{e!==n&&e.removeAttribute(`checked`)}),w(e)}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),h(e);return}let t=f();if(t.length===0)return;let r=t.indexOf(n);r!==-1&&(m.set(r),m.handleKeydown(e))}}}),o`
|
|
2850
2850
|
<div class="radio-wrapper" part="radio">
|
|
2851
2851
|
<div class="circle" part="circle">
|
|
2852
2852
|
<div class="dot" part="dot"></div>
|
|
2853
2853
|
</div>
|
|
2854
2854
|
</div>
|
|
2855
2855
|
<span class="label" part="label" id="${C}"><slot></slot></span>
|
|
2856
|
-
${
|
|
2857
|
-
`},styles:[
|
|
2856
|
+
${tr(_,b,S)}
|
|
2857
|
+
`},styles:[X,Xe,He,K,Y(Ce),Oa]});var Aa=`@layer refine.base{:host{--_star-size:var(--rating-star-size,var(--size-7));--_color-empty:var(--rating-color-empty,var(--color-contrast-200));--_color-filled:var(--rating-color-filled,var(--_theme-base,var(--color-warning)));--_gap:var(--rating-gap,var(--size-0_5));flex-wrap:wrap;align-items:center;display:inline-flex}.stars{gap:var(--_gap);align-items:center;display:flex;position:relative}.sparkle-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.sparkle{pointer-events:none;background:var(--_color-filled);animation:var(--_motion-animation,sparkle-fly var(--_dur,.5s) var(--ease-out) forwards);border-radius:50%;position:absolute}@keyframes sparkle-fly{0%{opacity:.9;transform:translate(-50%, -50%) rotate(var(--_angle)) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--_angle)) translateY(calc(-1 * var(--_dist))) scale(0)}}.star-btn{all:unset;width:var(--_star-size);min-width:var(--_touch-target);height:var(--_star-size);min-height:var(--_touch-target);color:var(--_color-empty);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), transform .12s var(--ease-spring);justify-content:center;align-items:center;display:inline-flex}.star-btn[data-filled]{color:var(--_color-filled)}:host([solid]) .star-btn ore-icon::part(svg){fill:none}:host([solid]) .star-btn[data-filled] ore-icon::part(svg){fill:currentColor}.star-btn:hover:not([disabled]),.star-btn:focus-visible:not([disabled]){transform:scale(1.08)}.star-btn:focus-visible{outline:var(--border-2) solid var(--_color-filled);outline-offset:var(--border-2)}.star-btn[disabled]{cursor:default}:host([readonly]) .star-btn,:host([disabled]) .star-btn{pointer-events:none}:host([disabled]){opacity:.5}}@layer refine.utilities{:host([size=sm]){--_star-size:var(--size-5)}:host([size=lg]){--_star-size:var(--size-9)}@media (forced-colors:active){.star-btn{color:buttontext}.star-btn[data-filled]{color:highlight;forced-color-adjust:none}.star-btn:focus-visible{box-shadow:none;outline:2px solid highlight}}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));margin-top:var(--size-1)}.helper-text[role=alert]{color:var(--color-error)}}@media (prefers-reduced-motion:reduce){.sparkle{display:none}}`,ja=`ore-rating`;i(ja,{formAssociated:!0,props:{...H,...U,...W,error:m.string(),helper:m.string(),label:m.string(`Rating`),max:m.number(5),name:m.string(),readonly:m.bool(!1),solid:m.bool(!1),value:m.number(0)},setup(t){let r=a(),i=T(()=>{let e=Math.max(1,Number(t.max?.value)||5),n=Number(t.value?.value);return Math.min(e,Math.max(0,Number.isFinite(n)?n:0))}),s=T(()=>!!t.disabled.value);wi(r,()=>String(i.value),e=>{r.setAttribute(`value`,e)}),x({disabled:s,value:T(()=>String(i.value||0))});let c=n(`helper`),l=ht({error:t.error,helper:t.helper}),u=T(()=>l.value.errorText),d=T(()=>l.value.helperText),f=T(()=>u.value||d.value?c:null),p=T(()=>!t.readonly?.value&&!s.value),m=D(null),h=T(()=>m.value??i.value),g=()=>[...r.shadowRoot?.querySelectorAll(`[data-star]`)??[]],_=Kt({max:T(()=>Number(t.max?.value)||5),min:D(1),step:D(1)});function v(e){let t=r.shadowRoot?.querySelector(`.sparkle-layer`),n=r.shadowRoot?.querySelector(`[data-star="${e}"]`);if(!t||!n)return;let i=n.offsetLeft+n.offsetWidth/2,a=n.offsetTop+n.offsetHeight/2;for(let e=0;e<10;e++){let n=document.createElement(`span`),r=360/10*e+(Math.random()*30-15),o=18+Math.random()*20,s=3+Math.random()*4,c=380+Math.random()*220;n.className=`sparkle`,n.style.cssText=[`left:${i}px`,`top:${a}px`,`--_angle:${r}deg`,`--_dist:${o}px`,`width:${s}px`,`height:${s}px`,`--_dur:${c}ms`,`animation-delay:${Math.random()*60}ms`].join(`;`),t.appendChild(n),n.addEventListener(`animationend`,()=>n.remove(),{once:!0})}}function y(e,n){if(!p.value)return;let a=Math.max(1,Number(t.max?.value)||5),o=Math.min(a,Math.max(0,e));o!==i.value&&($(r,String(o)),Q(r,`input`),Q(r,`change`),v(o))}function b(e,t){let n=_.nextFromKey(e.key,t);n!=null&&(e.preventDefault(),y(n,e),g()[n-1]?.focus())}let S=T(()=>{let e=Number(t.max?.value)||5;return Array.from({length:e},(e,t)=>t+1)});return e({attr:{size:t.size}}),o`
|
|
2858
2858
|
<div
|
|
2859
2859
|
class="stars"
|
|
2860
2860
|
part="stars"
|
|
@@ -2881,41 +2881,41 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2881
2881
|
`)}
|
|
2882
2882
|
<div class="sparkle-layer"></div>
|
|
2883
2883
|
</div>
|
|
2884
|
-
${
|
|
2885
|
-
`},styles:[
|
|
2884
|
+
${tr(c,u,d)}
|
|
2885
|
+
`},styles:[X,Y({}),K,q,Aa]});var Ma=`@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-1));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,var(--color-contrast-50));--_thumb-size:var(--_size);--_thumb-inset:var(--slider-thumb-inset,var(--size-2-5));--_touch-target:var(--size-11);--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));min-width:var(--slider-min-width,12rem);touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex;position:relative}:host([fullwidth]){width:100%}}.slider-container{box-sizing:border-box;width:100%;min-height:var(--_touch-target);padding-inline:var(--_thumb-inset);flex:1;align-items:center;display:flex;position:relative}.slider-track{width:100%;height:var(--_height);background:var(--_track);border-radius:var(--rounded-full);position:relative}.slider-fill{top:0;left:var(--_fill-start,0%);width:var(--_fill-width,0%);background:var(--_fill);border-radius:var(--rounded-full);height:100%;transition:var(--_motion-transition,left var(--transition-fast), width var(--transition-fast));position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;box-sizing:border-box;width:var(--_thumb-size);height:var(--_thumb-size);cursor:grab;background:var(--_thumb);border:2px solid var(--_fill);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:var(--_motion-transition,box-shadow var(--transition-fast), left var(--transition-fast));will-change:transform;position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{cursor:grabbing;box-shadow:var(--_shadow);transition:var(--_motion-transition,box-shadow var(--transition-fast))}.slider-thumb-sole{left:var(--_thumb-pos,0%)}:host(:focus-visible) .slider-thumb-sole,:host(:active) .slider-thumb-sole{box-shadow:var(--_shadow)}.slider-thumb-start{left:var(--_thumb-start,0%)}.slider-thumb-end{left:var(--_thumb-end,100%)}.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{z-index:2;outline:var(--border-2) solid var(--_fill);outline-offset:var(--size-0-5);box-shadow:var(--_shadow)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (hover:hover){:host(:not([disabled])) .slider-thumb:hover{box-shadow:var(--_shadow)}}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole,.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}@layer refine.overrides{:host{--_fill:var(--slider-fill,var(--_theme-base));--_shadow:var(--_theme-shadow)}}.label{font-size:var(--_font-size);color:var(--color-contrast);white-space:nowrap}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text[role=alert]{color:var(--color-error)}`,Na=(e,t)=>n=>{e()&&t(n)},Pa=`ore-slider`;i(Pa,{formAssociated:!0,props:{...H,...U,...W,error:m.string(),from:m.number(0),"from-value-text":m.string(),fullwidth:m.bool(!1),helper:m.string(),max:m.number(100),min:m.number(0),name:m.string(),range:m.bool(!1),step:m.number(1),to:m.number(100),"to-value-text":m.string(),value:m.number(0),"value-text":m.string()},setup(t){let r=a(),i=S(),s=t.range.value,c=Kt({max:t.max,min:t.min,step:t.step}),l=D(!1),d=T(()=>!!t.disabled.value),m=D(void 0),h=n(`helper`),_=ht({error:t.error,helper:t.helper}),v=T(()=>_.value.errorText),y=T(()=>_.value.helperText),b=T(()=>v.value||y.value?h:null);e({attr:{"data-dragging":()=>l.value?!0:void 0,size:t.size}});let C=D(`0`);s||(x({disabled:d,value:C}),k(t.value,e=>{C.value=String(e)},{immediate:!0}),e({attr:{ariaDescribedby:()=>b.value??null,ariaDisabled:()=>d.value?`true`:null,ariaLabelledby:()=>m.value??null,ariaValuemax:()=>c.max(),ariaValuemin:()=>c.min(),ariaValuenow:()=>Number(C.value||0),ariaValuetext:()=>t[`value-text`].value??null,role:()=>`slider`,tabindex:()=>d.value?null:`0`}}));let w=D(0),E=D(100);wi(r,()=>s?`${w.value},${E.value}`:C.value,e=>{if(s){let[t,n]=e.split(`,`).map(Number);Number.isFinite(t)&&(w.value=c.snap(t)),Number.isFinite(n)&&(E.value=c.snap(n));return}let t=Number(e);Number.isFinite(t)&&(C.value=String(c.snap(t)))}),s&&(x({disabled:d,toFormValue:({from:e,to:n})=>{let r=t.name.value;if(!r)return null;let i=new FormData;return i.append(`${r}[from]`,String(e)),i.append(`${r}[to]`,String(n)),i},value:T(()=>({from:w.value,to:E.value}))}),k(t.from,e=>{w.value=c.snap(Number(e))},{immediate:!0}),k(t.to,e=>{E.value=c.snap(Number(e))},{immediate:!0}));let O=g(),A=g(),j=g(),M=g(),N=g(),P=n(`slider-start`),F=n(`slider-end`),I=e=>{let t=c.toPercent(e);r.style.setProperty(`--_thumb-pos`,`${t}%`),r.style.setProperty(`--_fill-start`,`0%`),r.style.setProperty(`--_fill-width`,`${t}%`)},L=()=>{let e=c.toPercent(w.value),t=c.toPercent(E.value);r.style.setProperty(`--_thumb-start`,`${e}%`),r.style.setProperty(`--_thumb-end`,`${t}%`),r.style.setProperty(`--_fill-start`,`${e}%`),r.style.setProperty(`--_fill-width`,`${t-e}%`)},R=()=>{let e=s?`${w.value},${E.value}`:C.value;$(r,e),Q(r,`input`),Q(r,`change`)},ee=(n,r)=>{L();let i=e=>{let t=r.getBoundingClientRect();return c.fromClientX(e,t)},a=null,o=e=>{a===`start`?w.value=Math.min(c.snap(e),E.value):a===`end`&&(E.value=Math.max(c.snap(e),w.value)),w.value=c.clamp(w.value),E.value=c.clamp(E.value),L(),R()};f(n,`pointerdown`,Na(()=>!d.value,e=>{e.preventDefault();let t=i(e.clientX);a=Math.abs(t-w.value)<=Math.abs(t-E.value)?`start`:`end`,e.target.setPointerCapture(e.pointerId),o(t)})),f(n,`pointermove`,Na(()=>!!a,e=>{e.preventDefault(),l.value||=!0,o(i(e.clientX))})),f(n,`pointerup`,Na(()=>!!a,e=>{e.preventDefault(),a=null,l.value=!1,e.target.releasePointerCapture(e.pointerId)}));let s=(e,t)=>n=>{if(d.value)return;let r=c.nextFromKey(n.key,e());r!==null&&(n.preventDefault(),t(c.snap(r)),L(),R())},p=M.value,m=N.value;p&&(f(p,`keydown`,s(()=>w.value,e=>{w.value=Math.min(e,E.value)})),u(e({aria:{label:`Range start`,valuemax:()=>E.value,valuemin:()=>c.min(),valuenow:()=>w.value,valuetext:()=>t[`from-value-text`].value??null}},{target:p}))),m&&(f(m,`keydown`,s(()=>E.value,e=>{E.value=Math.max(e,w.value)})),u(e({aria:{label:`Range end`,valuemax:()=>c.max(),valuemin:()=>w.value,valuenow:()=>E.value,valuetext:()=>t[`to-value-text`].value??null}},{target:m})))},z=(e,t)=>{I(Number(C.value));let n=e=>{if(d.value)return;let n=t.getBoundingClientRect(),r=c.fromClientX(e,n);Number(C.value)!==r&&(C.value=r.toString(),I(r),R())},i=!1;f(e,`pointerdown`,Na(()=>!d.value,e=>{e.preventDefault(),i=!0,n(e.clientX),e.target.setPointerCapture(e.pointerId)})),f(e,`pointermove`,Na(()=>i,e=>{e.preventDefault(),l.value||=!0,n(e.clientX)})),f(e,`pointerup`,Na(()=>i,e=>{e.preventDefault(),i=!1,l.value=!1,e.target.releasePointerCapture(e.pointerId)})),f(r,`keydown`,Na(()=>!d.value,e=>{let t=Number(C.value||0),n=c.nextFromKey(e.key,t);if(n===null)return;e.preventDefault();let r=c.clamp(n);r!==t&&(C.value=r.toString(),I(r),R())}))};return p(()=>{let e=O.value,t=j.value;if(!(!e||!t)){if(i.has().value&&A.value){let e=n(`slider-label`);A.value.id=e,s||(m.value=e)}s?ee(e,t):z(e,t)}}),o`
|
|
2886
2886
|
<div class="slider-container" part="slider" ref=${O}>
|
|
2887
|
-
<div class="slider-track" part="track" ref=${
|
|
2887
|
+
<div class="slider-track" part="track" ref=${j}>
|
|
2888
2888
|
<div class="slider-fill" part="fill"></div>
|
|
2889
2889
|
<div class="slider-thumb slider-thumb-sole" part="thumb"></div>
|
|
2890
2890
|
<div
|
|
2891
2891
|
class="slider-thumb slider-thumb-start"
|
|
2892
2892
|
part="thumb-start"
|
|
2893
|
-
ref=${
|
|
2893
|
+
ref=${M}
|
|
2894
2894
|
role="slider"
|
|
2895
2895
|
tabindex="${()=>d.value?`-1`:`0`}"
|
|
2896
2896
|
aria-describedby="${b}"
|
|
2897
|
-
id="${
|
|
2897
|
+
id="${P}"></div>
|
|
2898
2898
|
<div
|
|
2899
2899
|
class="slider-thumb slider-thumb-end"
|
|
2900
2900
|
part="thumb-end"
|
|
2901
|
-
ref=${
|
|
2901
|
+
ref=${N}
|
|
2902
2902
|
role="slider"
|
|
2903
2903
|
tabindex="${()=>d.value?`-1`:`0`}"
|
|
2904
2904
|
aria-describedby="${b}"
|
|
2905
|
-
id="${
|
|
2905
|
+
id="${F}"></div>
|
|
2906
2906
|
</div>
|
|
2907
2907
|
</div>
|
|
2908
|
-
<span class="label" part="label" ref=${
|
|
2909
|
-
${
|
|
2910
|
-
`},styles:[
|
|
2908
|
+
<span class="label" part="label" ref=${A}><slot></slot></span>
|
|
2909
|
+
${tr(h,v,y)}
|
|
2910
|
+
`},styles:[He,X,Y(Te),Ma,q]});var Fa=`@layer refine.base{:host{--_width:var(--switch-width,var(--size-10));--_height:var(--switch-height,var(--size-5));--_padding:var(--size-0-5);--_thumb-size:calc(var(--_height) - var(--_padding) * 2);--_track-bg:var(--switch-track-bg,var(--color-contrast-300));--_thumb-bg:var(--switch-thumb-bg,white);--_font-size:var(--switch-font-size,var(--text-sm));gap:var(--_gap,var(--size-2-5));min-height:var(--_touch-target);touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.switch-wrapper{flex-shrink:0;display:flex}.switch-track{width:var(--_width);height:var(--_height);background:var(--_track-bg);border-radius:var(--rounded-full);transition:background var(--transition-normal), box-shadow var(--transition-normal);position:relative}.switch-thumb{top:var(--_padding);width:var(--_thumb-size);height:var(--_thumb-size);background:var(--_thumb-bg);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-normal);will-change:transform;position:absolute}.switch-thumb:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--_padding)}.switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}:host(:focus-visible) .switch-track{box-shadow:var(--_focus-shadow)}.label{font-size:var(--_font-size);color:var(--color-contrast)}}@layer refine.overrides{:host{--_active-bg:var(--switch-checked-bg,var(--_theme-base));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .switch-track{background:var(--_active-bg)}:host([checked]) .switch-thumb{transform:translateX(calc(var(--_width) - var(--_height)))}:host(:dir(rtl)[checked]) .switch-thumb{transform:translateX(calc(-1 * (var(--_width) - var(--_height))))}:host(:hover:not([disabled],[checked])) .switch-track{background:var(--color-contrast-400)}:host(:hover:not([disabled])[checked]) .switch-track{filter:brightness(1.1)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_width) + var(--size-2-5))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_width) + var(--size-2-5))}.helper-text[role=alert]{color:var(--color-error)}}`,Ia=`ore-switch`;i(Ia,{formAssociated:!0,props:{...H,...U,...W,checked:m.bool(!1),error:m.string(),helper:m.string(),name:m.string(),value:m.string(`on`)},setup(e){let t=a(),n=Tt({checked:e.checked,clearIndeterminateFirst:!1,disabled:e.disabled,error:e.error,helper:e.helper,onToggle:e=>{n.triggerValidation(`change`),Ti(t,e.checked),Q(t,`input`),Q(t,`change`)},prefix:`switch`,signal:Z(u),value:e.value});n.attachFormField(x({disabled:n.disabled,toFormValue:e=>e,value:n.checkableFormValue}));let{assistiveId:r,checked:i,disabled:s,errorText:c,handleClick:l,handleKeydown:d,helperText:f,labelId:p}=n;return Ci(t,()=>i.value,e=>{i.value=e}),er(e.size,{assistiveId:r,checked:i,disabled:s,errorText:c,handleClick:l,handleKeydown:d,helperText:f,labelId:p},`switch`),o`
|
|
2911
2911
|
<div class="switch-wrapper" part="switch">
|
|
2912
2912
|
<div class="switch-track" part="track">
|
|
2913
2913
|
<div class="switch-thumb" part="thumb"></div>
|
|
2914
2914
|
</div>
|
|
2915
2915
|
</div>
|
|
2916
2916
|
<span class="label" part="label" id="${p}"><slot></slot></span>
|
|
2917
|
-
${
|
|
2918
|
-
`},styles:[
|
|
2917
|
+
${tr(r,c,f)}
|
|
2918
|
+
`},styles:[X,Xe,He,K,Y(we),Fa]});var La=`@layer refine.base{:host{--_font-size:var(--textarea-font-size,var(--text-sm));--_gap:var(--textarea-gap,var(--size-2));--_padding:var(--textarea-padding,var(--size-2) var(--size-3));--_radius:var(--textarea-radius,var(--rounded-lg));--_placeholder:var(--textarea-placeholder-color,var(--color-contrast-500));--_bg:var(--textarea-bg,var(--color-contrast-100));--_border-color:var(--textarea-border-color,var(--color-contrast-300));--_min-height:var(--textarea-min-height,var(--size-24));--_max-height:var(--textarea-max-height,none);--_resize:var(--textarea-resize,vertical);flex-direction:column;align-items:stretch;min-width:12rem;display:inline-flex}.textarea-wrapper{gap:var(--size-1);flex-direction:column;min-width:0;display:flex}:host(:not([label-placement=outside])) .textarea-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .textarea-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.field{box-sizing:border-box;min-width:0;padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);display:grid;position:relative}.status-icon,.field-spinner{top:var(--size-2);position:absolute}.status-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))),.field-spinner:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--size-2)}.status-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}.status-icon{width:var(--size-5);height:var(--size-5);justify-content:center;align-items:center;display:none}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.field-spinner{width:var(--size-4);height:var(--size-4);border:var(--border-2) solid var(--_theme-focus,currentcolor);animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;display:none}.field-spinner:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}:host([loading]) .field-spinner{display:inline-block}.label,label.label{font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);margin-bottom:2px}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-sm);line-height:var(--leading-none);margin-bottom:0}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}textarea{box-sizing:border-box;min-width:12rem;min-height:var(--_min-height);max-height:var(--_max-height);font:inherit;font-size:var(--_font-size);line-height:var(--leading-relaxed);color:var(--textarea-color,var(--text-color-body));resize:vertical;background:0 0;border:none;outline:none;padding:0}textarea::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}textarea:focus-visible{outline:none}.counter{margin-top:var(--size-1);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);transition:color var(--transition-fast);align-self:flex-end;padding-left:2px;padding-right:2px}.counter.near-limit{color:var(--color-warning)}.counter.at-limit{color:var(--color-error)}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .field:focus-within~.label{color:var(--_theme-focus)}:host(:not([disabled])) .textarea-wrapper:has(.field:focus-within) .label{color:var(--_theme-focus)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .label{color:var(--color-error)}:host([success]) .field{border-color:var(--color-success)}}@layer refine.variants{:host(:not([disabled],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .field:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}@layer refine.utilities{:host([auto-resize]) textarea{overflow:hidden}:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .field{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) textarea{color:var(--color-contrast-400)}:host([disabled]) textarea::placeholder{color:var(--color-contrast-300)}:host([disabled]) .label{color:var(--color-contrast-400)}`,Ra=`ore-textarea`;i(Ra,{formAssociated:!0,props:{...H,...U,...W,...G,"auto-resize":m.bool(!1),error:m.string(),fullwidth:m.bool(!1),helper:m.string(),label:m.string(),"label-placement":m.oneOf([`inset`,`outside`],`inset`),loading:m.bool(!1),maxlength:m.json(void 0),name:m.string(),"no-resize":m.bool(!1),placeholder:m.string(),readonly:m.bool(!1),ref:m.data(),required:m.bool(!1),resize:m.string(),rows:m.json(void 0),success:m.bool(!1),value:m.string(),variant:m.string()},setup(t){let n=a(),r=C,i=g(),s=mt({enabled:t[`auto-resize`]}),c=T(()=>t.disabled.value||t.loading.value),f=Z(u),p=tn({disabled:c,error:t.error,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],maxLength:t.maxlength,onChange:(e,t)=>{$(n,t),Q(n,`change`)},onInput:(e,t)=>{$(n,t),Q(n,`input`)},prefix:`textarea`,readonly:t.readonly,required:t.required,signal:f,value:t.value});wi(n,()=>p.value.value,e=>{p.value.value=e}),p.attachFormField(x({disabled:p.disabled,onReset:()=>{p.reset(),requestAnimationFrame(()=>s.recompute())},toFormValue:e=>e,validationMessage:p.validationMessage,validity:p.validity,value:p.value}));let{ariaDescribedBy:m,ariaErrorMessage:h,ariaInvalid:_,ariaLabelledBy:v,assistiveId:y,counter:b,errorId:S,errorText:w,fieldId:E,helperText:D,labelId:O,labelVisible:k}=p;return d(i,e=>{let n=p.wire(e),i=s.wire(e),a=Wt(t.ref,e),o=r(()=>{e.style.resize=t[`auto-resize`].value||t[`no-resize`].value?`none`:t.resize.value||`vertical`,requestAnimationFrame(()=>s.recompute())});return()=>{a(),n(),i(),o()}}),e({attr:{error:$n(w),size:t.size,success:()=>t.success.value&&!w.value?!0:void 0,variant:t.variant}}),o`
|
|
2919
2919
|
<div class="textarea-wrapper" part="wrapper">
|
|
2920
2920
|
<label class="label" part="label" for="${E}" id="${O}" ?hidden="${()=>!k.value}">
|
|
2921
2921
|
${t.label}
|
|
@@ -2938,12 +2938,12 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
2938
2938
|
aria-invalid="${_}"
|
|
2939
2939
|
aria-labelledby="${v}"
|
|
2940
2940
|
aria-busy="${()=>t.loading.value?`true`:null}"></textarea>
|
|
2941
|
-
${
|
|
2941
|
+
${nr(w)}
|
|
2942
2942
|
<span class="field-spinner" part="spinner" role="status" aria-label="Loading"></span>
|
|
2943
2943
|
</div>
|
|
2944
|
-
${
|
|
2944
|
+
${rr({assistiveId:y,counter:b,errorId:S,errorText:w,helperText:D})}
|
|
2945
2945
|
</div>
|
|
2946
|
-
`},shadow:{delegatesFocus:!0},styles:[K,
|
|
2946
|
+
`},shadow:{delegatesFocus:!0},styles:[X,K,q,J,Ue,Y(Se),Ye(`textarea`),La,Re({container:`.field`,text:`textarea`,tokenPrefix:`textarea`})]});var za=`@layer refine.base{:host{--_selected-bg:var(--time-picker-selected-bg,var(--_theme-focus));--_hover-bg:var(--time-picker-option-hover-bg,color-mix(in oklch, var(--_selected-bg) 12%, transparent));--_bg:var(--time-picker-bg,var(--color-canvas));--_border-color:var(--time-picker-border-color,var(--color-contrast-200));--_radius:var(--time-picker-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_selected-bg:var(--time-picker-selected-bg,var(--_theme-base))}[hidden]{display:none}.trigger{cursor:pointer}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.dropdown{z-index:var(--z-dropdown,200);pointer-events:none;background:var(--time-picker-bg,var(--_bg));border:var(--border) solid var(--time-picker-border-color,var(--_border-color));border-radius:var(--time-picker-radius,var(--_radius));min-width:12rem;box-shadow:var(--time-picker-shadow,var(--shadow-lg));opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;display:flex;position:fixed;inset:0 auto auto 0;overflow:hidden}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.cols-row{flex-direction:row;align-items:stretch;display:flex}.col,.col-sep{flex-direction:column;align-items:center;display:flex}.col{min-width:var(--size-14);border-bottom:var(--border) solid var(--_border-color);flex:1}.col-period{min-width:var(--size-16);flex:none}.col-label{width:100%;padding:var(--size-1) var(--size-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-400);text-align:center;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}.col-scroll{width:100%;max-height:11rem;padding-block:var(--size-1);scrollbar-width:thin;overflow-y:auto}.col-sep{padding-top:var(--size-8);padding-inline:var(--size-0-5);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-contrast-500);-webkit-user-select:none;user-select:none;border-bottom:var(--border) solid var(--_border-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.option{height:var(--size-8);padding-inline:var(--size-2);margin-inline:var(--size-1);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.option:hover:not([data-disabled]){color:var(--color-contrast-900);background:var(--_hover-bg)}.option:focus-visible{box-shadow:0 0 0 2px var(--_selected-bg)}.option[aria-selected=true]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_selected-bg)}.option[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}@media (prefers-reduced-motion:reduce){.option{transition:none}}}`;function Ba(e){if(!e)return null;let t=/^(\d{1,2}):(\d{2})$/.exec(e.trim());if(!t)return null;let n=Number(t[1]),r=Number(t[2]);return n<0||n>23||r<0||r>59?null:{hours:n,minutes:r}}function Va(e,t){return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}function Ha(e,t,n){if(n===`12`){let n=e>=12?`PM`:`AM`,r=e%12==0?12:e%12;return`${String(r).padStart(2,`0`)}:${String(t).padStart(2,`0`)} ${n}`}return Va(e,t)}function Ua(e,t,n,r){let i=e*60+t,a=Ba(n),o=Ba(r),s=a?a.hours*60+a.minutes:0,c=o?o.hours*60+o.minutes:1439,l=Math.min(Math.max(i,s),c);return{hours:Math.floor(l/60),minutes:l%60}}var Wa=`ore-time-picker`;i(Wa,{formAssociated:!0,props:{...H,...U,...W,...G,error:m.string(),fullwidth:m.bool(!1),helper:m.string(),label:m.string(),"label-placement":m.oneOf([`inset`,`outside`],`inset`),max:m.string(),min:m.string(),"minute-step":m.number(5),name:m.string(),placeholder:m.string(),required:m.bool(!1),success:m.bool(!1),"time-format":m.oneOf([`12`,`24`],`24`),value:m.string(),variant:m.string()},setup(t){let n=a(),r=D(!1),i=D(Ba(t.value.value));wi(n,()=>{let e=i.value;return e?Va(e.hours,e.minutes):``},e=>{i.value=Ba(e)});let s=g(),c=g(),l=mn({getFloating:()=>c.value??null,getReference:()=>s.value??null,matchWidth:!1,offsetPx:4}),u=null,d=T(()=>!!t.disabled.value);x({disabled:d,toFormValue:e=>e||null,value:T(()=>{let e=i.value;return e?Va(e.hours,e.minutes):``})});let f=T(()=>t[`time-format`].value??`24`),m=T(()=>Math.max(1,Math.min(59,t[`minute-step`].value??5))),h=T(()=>i.value?Ha(i.value.hours,i.value.minutes,f.value):t.placeholder.value||``),_=T(()=>f.value===`12`?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t)),v=T(()=>{let e=m.value,t=[];for(let n=0;n<60;n+=e)t.push(n);return t}),y=`time-picker-${Math.random().toString(36).slice(2,9)}-dropdown`;function b(e){if(f.value===`24`)return e;let t=e%12;return t===0?12:t}function S(e,t){return f.value===`24`?e:t===`AM`?e===12?0:e:e===12?12:e+12}function C(e,n){let r=e*60+n,i=Ba(t.min.value),a=Ba(t.max.value);return!!(i&&r<i.hours*60+i.minutes||a&&r>a.hours*60+a.minutes)}let w=D(i.value?.hours??0),E=D(i.value?.minutes??0),O=D((i.value?.hours??0)>=12?`PM`:`AM`),k=t.value.value;p(()=>{let e=setInterval(()=>{let e=t.value.value;if(e!==k){k=e;let t=Ba(e);i.value=t,t&&(w.value=t.hours,E.value=t.minutes,O.value=t.hours>=12?`PM`:`AM`)}},50);return()=>clearInterval(e)});function A(e,r){let a=Ua(e,r,t.min.value,t.max.value),o=Math.round(a.minutes/m.value)*m.value,s=Math.min(o,59);i.value={hours:a.hours,minutes:s},$(n,Va(a.hours,s)),Q(n,`input`),Q(n,`change`)}function j(e){let t=f.value===`12`?S(w.value,O.value):w.value;E.value=e,A(t,e),N()}function M(){if(d.value)return;let e=i.value;e?(w.value=f.value===`12`?b(e.hours):e.hours,E.value=e.minutes,O.value=e.hours>=12?`PM`:`AM`):(w.value=f.value===`12`?12:0,E.value=0,O.value=`AM`),r.value=!0,l.update(),u=l.startAutoUpdate?.()??null}function N(){r.value=!1,u?.(),u=null}function P(){r.value?N():M()}function F(e){r.value&&(e.composedPath().includes(n)||N())}p(()=>(document.addEventListener(`pointerdown`,F,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,F,{capture:!0}),u?.(),u=null}));function I(e){d.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),P()):e.key===`Escape`&&r.value?(e.preventDefault(),N()):(e.key===`ArrowDown`||e.key===`ArrowUp`)&&!r.value&&(e.preventDefault(),M()))}function L(e){e.key===`Escape`&&(e.preventDefault(),N())}function R(e){let t=_.value,n=t.indexOf(w.value);e.key===`ArrowUp`?(e.preventDefault(),w.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),w.value=t[(n+1)%t.length])}function ee(e){let t=v.value,n=t.indexOf(E.value);e.key===`ArrowUp`?(e.preventDefault(),E.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),E.value=t[(n+1)%t.length])}function z(e){(e.key===`ArrowUp`||e.key===`ArrowDown`)&&(e.preventDefault(),O.value=O.value===`AM`?`PM`:`AM`)}return e({attr:{open:()=>r.value?!0:void 0}}),o`
|
|
2947
2947
|
<!-- Trigger -->
|
|
2948
2948
|
<ore-input
|
|
2949
2949
|
class="trigger"
|
|
@@ -3041,7 +3041,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3041
3041
|
tabindex="${()=>O.value===e?`0`:`-1`}"
|
|
3042
3042
|
aria-selected="${()=>String(O.value===e)}"
|
|
3043
3043
|
@click="${()=>{O.value=e}}"
|
|
3044
|
-
@keydown="${
|
|
3044
|
+
@keydown="${z}">
|
|
3045
3045
|
${e}
|
|
3046
3046
|
</div>
|
|
3047
3047
|
`)}
|
|
@@ -3050,13 +3050,13 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3050
3050
|
`:o``}
|
|
3051
3051
|
</div>
|
|
3052
3052
|
</div>
|
|
3053
|
-
`},shadow:{delegatesFocus:!0},styles:[
|
|
3053
|
+
`},shadow:{delegatesFocus:!0},styles:[X,q,za]});var Ga=V({BUTTON_GROUP_CTX:()=>Zn,BUTTON_GROUP_TAG:()=>Qn,BUTTON_TAG:()=>sr,CALENDAR_TAG:()=>vi,CHECKBOX_GROUP_CTX:()=>xi,CHECKBOX_GROUP_TAG:()=>Si,CHECKBOX_TAG:()=>Di,COMBOBOX_TAG:()=>Ii,DATAGRID_TAG:()=>ia,DATE_PICKER_TAG:()=>oa,FILE_INPUT_TAG:()=>ga,INPUT_TAG:()=>Pi,MESSAGE_COMPOSER_TAG:()=>ba,NUMBER_INPUT_TAG:()=>Sa,OTP_INPUT_TAG:()=>wa,RADIO_GROUP_CTX:()=>Ea,RADIO_GROUP_TAG:()=>Da,RADIO_TAG:()=>ka,RATING_TAG:()=>ja,SELECT_TAG:()=>zi,SLIDER_TAG:()=>Pa,SWITCH_TAG:()=>Ia,TEXTAREA_TAG:()=>Ra,TIME_PICKER_TAG:()=>Wa}),Ka=`@layer refine.base{:host{--_bg:var(--box-bg,var(--color-canvas));--_color:var(--box-color,var(--color-contrast-900));--_border-width:var(--box-border,var(--border));--_border-color:var(--box-border-color,var(--color-divider));--_radius:var(--box-radius,var(--rounded-lg));--_padding:var(--box-padding,var(--size-4));--_shadow:var(--box-shadow,var(--shadow-sm));display:block;position:relative}.box{box-sizing:border-box;width:100%;height:100%;padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:backdrop-filter var(--transition-fast), box-shadow var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);position:relative}}@layer refine.variants{:host([color]){--_bg:var(--box-bg,var(--_theme-backdrop));--_border-color:var(--box-border-color,var(--_theme-border))}:host([variant=flat]){--_shadow:none}:host([variant=glass]:not([color])){--_bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--_border-color:color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent)}:host([variant=glass][color]){--_bg:color-mix(in oklch, var(--_theme-base) 20%, transparent);--_border-color:color-mix(in oklch, var(--_theme-contrast) 15%, transparent);--_color:var(--_theme-content)}:host([variant=glass]) .box{box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([color]:not([variant=glass],[variant=frost]):hover){--_bg:color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50));--_border-color:var(--_theme-focus)}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,qa=`ore-box`;i(qa,{props:{color:m.string(),effect:m.string(),elevation:m.number(),fullwidth:m.bool(),padding:m.string(),rounded:m.string(),variant:m.string()},setup(){return o`
|
|
3054
3054
|
<div class="box" part="box"><slot></slot></div>
|
|
3055
|
-
`},styles:[
|
|
3055
|
+
`},styles:[X,qe,ze,J,Ze(`.box`),Ie(`.box`),Ka]});var Ja=`@layer refine.base{:host{--_cols:var(--grid-cols,repeat(auto-fit, minmax(250px, 1fr)));--_rows:var(--grid-rows,auto);--_gap:var(--grid-gap,var(--size-4));--_row-gap:var(--grid-row-gap,var(--_gap));--_col-gap:var(--grid-col-gap,var(--_gap));grid-template-rows:var(--_rows);grid-template-columns:var(--_cols);gap:var(--_row-gap) var(--_col-gap);grid-auto-flow:row;display:grid}:host([gap=none]){--_row-gap:0;--_col-gap:0}:host([gap=xs]){--_row-gap:var(--size-1);--_col-gap:var(--size-1)}:host([gap=sm]){--_row-gap:var(--size-2);--_col-gap:var(--size-2)}:host([gap=md]){--_row-gap:var(--size-4);--_col-gap:var(--size-4)}:host([gap=lg]){--_row-gap:var(--size-6);--_col-gap:var(--size-6)}:host([gap=xl]){--_row-gap:var(--size-8);--_col-gap:var(--size-8)}:host([gap="2xl"]){--_row-gap:var(--size-12);--_col-gap:var(--size-12)}:host([align=start]){align-items:start}:host([align=center]){align-items:center}:host([align=end]){align-items:end}:host([align=stretch]){align-items:stretch}:host([align=baseline]){align-items:baseline}:host([justify=start]){justify-items:start}:host([justify=center]){justify-items:center}:host([justify=end]){justify-items:end}:host([justify=stretch]){justify-items:stretch}:host([flow=row]){grid-auto-flow:row}:host([flow=column]){grid-auto-flow:column}:host([flow=row-dense]){grid-auto-flow:dense}:host([flow=column-dense]){grid-auto-flow:column dense}:host([fullwidth]){width:100%}}`,Ya=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],Xa=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],Za=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},Qa={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},$a=`ore-grid`;i($a,{props:{align:m.string(),areas:m.string(),areas2xl:m.string(),areasLg:m.string(),areasMd:m.string(),areasSm:m.string(),areasXl:m.string(),cols:m.string(),cols2xl:m.string(),colsLg:m.string(),colsMd:m.string(),colsSm:m.string(),colsXl:m.string(),flow:m.string(),fullwidth:m.bool(!1),gap:m.string(),justify:m.string(),minColWidth:m.string(),responsive:m.bool(!1),rows:m.string()},setup(e){let t=a(),n=C,r=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,i=()=>{let n=t.offsetWidth,i=!!e.responsive.value,a=e.minColWidth.value??``,o;for(let[r,i]of Ya)if(n>=Za(t,i,Qa[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=r(o,i,a);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};n(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,i()});let s=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of Xa)if(n>=Za(t,a,Qa[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return n(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),n(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,s()}),p(()=>{let e=_(t);n(()=>{e.value,i(),s()})}),o`
|
|
3056
3056
|
<slot></slot>
|
|
3057
|
-
`},styles:[
|
|
3057
|
+
`},styles:[Ja]});var eo=`@layer refine.base{:host{display:block}}@layer refine.utilities{:host([align=start]){align-self:start}:host([align=center]){align-self:center}:host([align=end]){align-self:end}:host([align=stretch]){align-self:stretch}:host([justify=start]){justify-self:start}:host([justify=center]){justify-self:center}:host([justify=end]){justify-self:end}:host([justify=stretch]){justify-self:stretch}}`,to=`ore-grid-item`;i(to,{props:{align:m.string(),area:m.string(),col:m.string(),colSpan:m.string(),justify:m.string(),row:m.string(),rowSpan:m.string()},setup(t){let n=T(()=>{let e=t.col.value,n=t.colSpan.value;return e||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),r=T(()=>{let e=t.row.value,n=t.rowSpan.value;return e||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return e({style:{gridArea:t.area,gridColumn:n,gridRow:r}}),o`
|
|
3058
3058
|
<slot></slot>
|
|
3059
|
-
`},styles:[go]});var So=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel:not([hidden]){gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle:not([hidden]){order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([icon-only]) .item-label{display:none}:host([icon-only]) .item{padding:var(--size-1-5)}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([variant=glass]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 70%, transparent);--navbar-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,Co=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},wo=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,To=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},Eo=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Do=e=>{let t=Eo(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Oo=e=>{let t=e.parentElement;for(;t;){let e=window.getComputedStyle(t).overflowY;if(e===`auto`||e===`scroll`||e===`overlay`)return t;t=t.parentElement}return null},ko=t(`NavbarContext`),Ao=`ore-navbar`;i(Ao,{props:{breakpoint:m.string(`(max-width: 768px)`),color:m.string(),"container-breakpoints":m.bool(!1),elevation:m.number(),floating:m.bool(!1),label:m.string(`Main navigation`),"mobile-sidebar":m.string(),rounded:m.string(),"scroll-threshold":m.number(80),sticky:m.bool(!1),variant:m.string()},setup(t){let n=a(),r=b(),i=S(),s=i.has(`logo`),c=i.elements(`mobile-menu`),l=D(!1),u=D(null),d=D(!1),f=D(!1),m=D(!1),g=D(!1),v=D(!1),y=D(!1),x=D(0),C=D(!1),w=D(!1),E=D(To(t.breakpoint.value)),O=D(!1),k=()=>{let e=String(t[`mobile-sidebar`].value??``).trim();if(!e)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(e):null)??document.querySelector(e)};h(ko,{closeMobileMenu:()=>M(),isMobile:T(()=>m.value),mobileMenuOpen:T(()=>g.value)});let A=()=>{if(t.floating.value&&t.sticky.value)return y.value?`sticky`:`floating`;if(t.floating.value)return`floating`;if(t.sticky.value)return`sticky`},j=e=>{let t=!!e;if(!l.value){let e=u.value??k();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!l.value||g.value!==t&&(g.value=t,r(`mobile-menu-change`,{open:t}))},M=()=>j(!1),N=()=>j(!0),P=()=>{if(!l.value){let e=u.value??k();if(e){typeof e.toggleMobile==`function`?e.toggleMobile():typeof e.openMobile==`function`&&typeof e.closeMobile==`function`&&(e.hasAttribute(`data-mobile-open`)?e.closeMobile():e.openMobile());return}}j(!g.value)},F=()=>{let e=(u.value&&!l.value?d.value:!1)||C.value||w.value;m.value=e,e||M()},I=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,L=e=>{x.value=I(e)},R=(e=null)=>{if(!(t.floating.value&&t.sticky.value)){y.value&&=!1;return}let n=Math.max(0,Number(t[`scroll-threshold`].value)||0),r=I(e)-x.value;y.value=r>n};return e({attr:{"data-mobile":()=>m.value?!0:void 0,"data-mobile-open":()=>m.value&&g.value?!0:void 0,"data-mode":()=>A()??null,"data-mode-transitioning":()=>v.value?!0:void 0,"data-preview-mode":()=>O.value?!0:void 0,"data-scrolled":()=>t.floating.value&&t.sticky.value&&y.value?!0:void 0}}),p(()=>{let e=n,r=Oo(n);e.closeMobileMenu=M,e.openMobileMenu=N,e.toggleMobileMenu=P;let i=Co(window,`scroll`,()=>{R(r)},{passive:!0}),a=r?Co(r,`scroll`,()=>{R(r)},{passive:!0}):void 0,o=Co(n,`keydown`,e=>{e.key!==`Escape`||!g.value||M()}),s,p,m,h,b=()=>{if(p?.(),p=void 0,u.value=null,d.value=!1,f.value=!1,!String(t[`mobile-sidebar`].value??``).trim())return;let e=k();if(!e){let e=n.getRootNode(),t=e instanceof Document||e instanceof ShadowRoot?e:document,r=new MutationObserver(()=>{k()&&b()});r.observe(t,{childList:!0,subtree:!0}),p=()=>r.disconnect();return}let r=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);d.value=n,f.value=t?.detail?t.detail.open:r,f.value&&!d.value&&(d.value=!0),F()},i=new MutationObserver(()=>{r()});r(),i.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,r),p=()=>{i.disconnect(),e.removeEventListener(`mobile-open-change`,r)},u.value=e},x=()=>{v.value=!0,m!=null&&clearTimeout(m),m=setTimeout(()=>{v.value=!1,m=void 0},220)},S=J(T(()=>t.floating.value&&t.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,h=void 0,m!=null&&(clearTimeout(m),m=void 0);return}L(r),R(r),h=A()},{immediate:!0}),D=J(t[`mobile-sidebar`],()=>{b()},{immediate:!0}),j=J(T(()=>A()),e=>{if(!(t.floating.value&&t.sticky.value)){h=e??void 0;return}let n=e??void 0;h&&n&&h!==n&&x(),h=n},{immediate:!0}),I=J(l,e=>{!e&&g.value&&M()},{immediate:!0}),ee=()=>{l.value=c.value.some(wo)},te=J(c,ee,{immediate:!0}),ne=new MutationObserver(()=>{ee()});ne.observe(n,{childList:!0,subtree:!0}),J(t.breakpoint,e=>{s?.(),s=void 0;let r=String(e??``).trim();E.value=To(r),C.value=!1;let i=Do(n);if(w.value=i>0&&E.value!=null&&i<=E.value,F(),t[`container-breakpoints`].value&&E.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{C.value=e,F()},c=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,c),s=()=>{a.removeEventListener(`change`,c)}},{immediate:!0});let re=typeof ResizeObserver==`function`?(()=>{let e=_(n),t=n.parentElement,r=Eo(n),i=t?_(t):void 0,a=r&&r!==t?_(r):void 0;return J(T(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=Do(n),t=Eo(n)?.clientWidth??0;w.value=e>0&&E.value!=null&&e<=E.value,O.value=t>0&&t<window.innerWidth,F()})})():void 0;return()=>{o?.(),i?.(),a?.(),S?.dispose(),j?.dispose(),I?.dispose(),te?.dispose(),D?.dispose(),ne.disconnect(),s?.(),p?.(),re?.dispose(),m!=null&&(clearTimeout(m),m=void 0)}}),o`
|
|
3059
|
+
`},styles:[eo]});var no=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel:not([hidden]){gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle:not([hidden]){order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([icon-only]) .item-label{display:none}:host([icon-only]) .item{padding:var(--size-1-5)}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([variant=glass]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 70%, transparent);--navbar-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,ro=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},io=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,ao=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},oo=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},so=e=>{let t=oo(e)?.clientWidth??0;return t>0?t:e.offsetWidth},co=e=>{let t=e.parentElement;for(;t;){let e=window.getComputedStyle(t).overflowY;if(e===`auto`||e===`scroll`||e===`overlay`)return t;t=t.parentElement}return null},lo=t(`NavbarContext`),uo=`ore-navbar`;i(uo,{props:{breakpoint:m.string(`(max-width: 768px)`),color:m.string(),"container-breakpoints":m.bool(!1),elevation:m.number(),floating:m.bool(!1),label:m.string(`Main navigation`),"mobile-sidebar":m.string(),rounded:m.string(),"scroll-threshold":m.number(80),sticky:m.bool(!1),variant:m.string()},setup(t){let n=a(),r=b(),i=S(),s=i.has(`logo`),c=i.elements(`mobile-menu`),l=D(!1),u=D(null),d=D(!1),f=D(!1),m=D(!1),g=D(!1),v=D(!1),y=D(!1),x=D(0),C=D(!1),w=D(!1),E=D(ao(t.breakpoint.value)),O=D(!1),A=()=>{let e=String(t[`mobile-sidebar`].value??``).trim();if(!e)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(e):null)??document.querySelector(e)};h(lo,{closeMobileMenu:()=>N(),isMobile:T(()=>m.value),mobileMenuOpen:T(()=>g.value)});let j=()=>{if(t.floating.value&&t.sticky.value)return y.value?`sticky`:`floating`;if(t.floating.value)return`floating`;if(t.sticky.value)return`sticky`},M=e=>{let t=!!e;if(!l.value){let e=u.value??A();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!l.value||g.value!==t&&(g.value=t,r(`mobile-menu-change`,{open:t}))},N=()=>M(!1),P=()=>M(!0),F=()=>{if(!l.value){let e=u.value??A();if(e){typeof e.toggleMobile==`function`?e.toggleMobile():typeof e.openMobile==`function`&&typeof e.closeMobile==`function`&&(e.hasAttribute(`data-mobile-open`)?e.closeMobile():e.openMobile());return}}M(!g.value)},I=()=>{let e=(u.value&&!l.value?d.value:!1)||C.value||w.value;m.value=e,e||N()},L=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,R=e=>{x.value=L(e)},ee=(e=null)=>{if(!(t.floating.value&&t.sticky.value)){y.value&&=!1;return}let n=Math.max(0,Number(t[`scroll-threshold`].value)||0),r=L(e)-x.value;y.value=r>n};return e({attr:{"data-mobile":()=>m.value?!0:void 0,"data-mobile-open":()=>m.value&&g.value?!0:void 0,"data-mode":()=>j()??null,"data-mode-transitioning":()=>v.value?!0:void 0,"data-preview-mode":()=>O.value?!0:void 0,"data-scrolled":()=>t.floating.value&&t.sticky.value&&y.value?!0:void 0}}),p(()=>{let e=n,r=co(n);e.closeMobileMenu=N,e.openMobileMenu=P,e.toggleMobileMenu=F;let i=ro(window,`scroll`,()=>{ee(r)},{passive:!0}),a=r?ro(r,`scroll`,()=>{ee(r)},{passive:!0}):void 0,o=ro(n,`keydown`,e=>{e.key!==`Escape`||!g.value||N()}),s,p,m,h,b=()=>{if(p?.(),p=void 0,u.value=null,d.value=!1,f.value=!1,!String(t[`mobile-sidebar`].value??``).trim())return;let e=A();if(!e){let e=n.getRootNode(),t=e instanceof Document||e instanceof ShadowRoot?e:document,r=new MutationObserver(()=>{A()&&b()});r.observe(t,{childList:!0,subtree:!0}),p=()=>r.disconnect();return}let r=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);d.value=n,f.value=t?.detail?t.detail.open:r,f.value&&!d.value&&(d.value=!0),I()},i=new MutationObserver(()=>{r()});r(),i.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,r),p=()=>{i.disconnect(),e.removeEventListener(`mobile-open-change`,r)},u.value=e},x=()=>{v.value=!0,m!=null&&clearTimeout(m),m=setTimeout(()=>{v.value=!1,m=void 0},220)},S=k(T(()=>t.floating.value&&t.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,h=void 0,m!=null&&(clearTimeout(m),m=void 0);return}R(r),ee(r),h=j()},{immediate:!0}),D=k(t[`mobile-sidebar`],()=>{b()},{immediate:!0}),M=k(T(()=>j()),e=>{if(!(t.floating.value&&t.sticky.value)){h=e??void 0;return}let n=e??void 0;h&&n&&h!==n&&x(),h=n},{immediate:!0}),L=k(l,e=>{!e&&g.value&&N()},{immediate:!0}),z=()=>{l.value=c.value.some(io)},te=k(c,z,{immediate:!0}),B=new MutationObserver(()=>{z()});B.observe(n,{childList:!0,subtree:!0}),k(t.breakpoint,e=>{s?.(),s=void 0;let r=String(e??``).trim();E.value=ao(r),C.value=!1;let i=so(n);if(w.value=i>0&&E.value!=null&&i<=E.value,I(),t[`container-breakpoints`].value&&E.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{C.value=e,I()},c=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,c),s=()=>{a.removeEventListener(`change`,c)}},{immediate:!0});let ne=typeof ResizeObserver==`function`?(()=>{let e=_(n),t=n.parentElement,r=oo(n),i=t?_(t):void 0,a=r&&r!==t?_(r):void 0;return k(T(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=so(n),t=oo(n)?.clientWidth??0;w.value=e>0&&E.value!=null&&e<=E.value,O.value=t>0&&t<window.innerWidth,I()})})():void 0;return()=>{o?.(),i?.(),a?.(),S?.dispose(),M?.dispose(),L?.dispose(),te?.dispose(),D?.dispose(),B.disconnect(),s?.(),p?.(),ne?.dispose(),m!=null&&(clearTimeout(m),m=void 0)}}),o`
|
|
3060
3060
|
<nav part="nav" aria-label="${t.label}">
|
|
3061
3061
|
<div class="navbar" part="bar">
|
|
3062
3062
|
<div class="navbar-logo" part="logo" ?hidden=${()=>!s.value}>
|
|
@@ -3083,7 +3083,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3083
3083
|
aria-controls="mobile-menu-panel"
|
|
3084
3084
|
aria-expanded="${()=>String(l.value?g.value:f.value)}"
|
|
3085
3085
|
?hidden=${()=>!m.value||!l.value&&!u.value}
|
|
3086
|
-
@click="${
|
|
3086
|
+
@click="${F}">
|
|
3087
3087
|
<ore-icon
|
|
3088
3088
|
name="${()=>(l.value?g.value:f.value)?`x`:`menu`}"
|
|
3089
3089
|
size="18"
|
|
@@ -3102,7 +3102,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3102
3102
|
<slot name="mobile-menu"></slot>
|
|
3103
3103
|
</div>
|
|
3104
3104
|
</nav>
|
|
3105
|
-
`},styles:[
|
|
3105
|
+
`},styles:[X,qe,J,K,q,Ze(`.navbar`),no]});var fo=`ore-navbar-item`;i(fo,{props:{active:m.bool(!1),disabled:m.bool(!1),href:m.string(),"icon-only":m.bool(!1),rel:m.string(),target:m.string()},setup(t){let n=S(),r=()=>n.has(`icon`).value,i=()=>n.has(`end`).value,a=s(lo);e({attr:{"navbar-mobile":()=>a?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>a?.mobileMenuOpen.value?!0:void 0}});let c=()=>!!t.href.value&&!t.disabled.value,l=T(()=>Jn(t.rel.value,t.target.value)),u=()=>{a?.mobileMenuOpen.value&&a.closeMobileMenu()},d=()=>o`
|
|
3106
3106
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
3107
3107
|
<slot name="icon"></slot>
|
|
3108
3108
|
</span>
|
|
@@ -3127,14 +3127,14 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3127
3127
|
`:o`
|
|
3128
3128
|
<button class="item" part="item" type="button" @click=${u}>${d()}</button>
|
|
3129
3129
|
`}
|
|
3130
|
-
`},styles:[H,So]});var Mo=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none!important}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible!important;pointer-events:auto!important;opacity:1!important;width:auto!important;height:auto!important;display:flex!important;position:static!important}:host([collapsible]:not([open])) .group-items{display:none}}`,No=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-size:var(--sidebar-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast), color var(--transition-fast);outline:none;align-items:center;text-decoration:none;display:flex;position:relative}a.item{text-decoration:none}.item:hover,.item:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{font-weight:var(--font-semibold);color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}:host([active]) .item:before{display:none}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--sidebar-item-disabled-color,var(--color-contrast-300));pointer-events:none;cursor:not-allowed;opacity:1;background:0 0;outline:none}:host([disabled]) .item-icon{color:var(--sidebar-item-disabled-color,var(--color-contrast-300))}.item-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;display:flex}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.item-end{gap:var(--size-1);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}:host([sidebar-collapsed]) .item,:host([sidebar-collapsed]) .item-icon{position:relative}:host([sidebar-collapsed]) .item-label{pointer-events:none;opacity:0;width:0;overflow:hidden}:host([sidebar-collapsed]) .item{justify-content:center;align-items:center;gap:0;width:100%;height:100%;min-height:100%;padding:0}:host([sidebar-collapsed]) .item:before{inset-block:var(--size-2)}:host([sidebar-collapsed]) .item-icon{width:var(--size-7);height:var(--size-7);padding:var(--size-1-5);font-size:1.5em}:host([sidebar-collapsed][active]) .item,:host([sidebar-collapsed]) .item:hover{background:0 0}:host([sidebar-collapsed][active]) .item-icon{background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)));border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-icon:hover{background:var(--color-contrast-100);border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-end,:host([sidebar-collapsed]) .item-icon .group-badge,:host([sidebar-collapsed]) .item-icon ::slotted([slot=end]){right:0;bottom:calc(var(--size-2) * -1);z-index:2;pointer-events:auto;opacity:1;justify-content:center;align-items:center;min-width:1.25em;min-height:1.25em;display:flex;position:absolute;transform:translate(40%,-40%)}:host([dir=rtl][sidebar-collapsed]) .item-end,:host([dir=rtl][sidebar-collapsed]) .item-icon .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-icon ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end,:host(:dir(rtl)[sidebar-collapsed]) .item-icon .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-icon ::slotted([slot=end]){left:0;right:auto;transform:translate(-40%,-40%)}:host([sidebar-collapsed]) .item-end .group-badge,:host([sidebar-collapsed]) .item-end ::slotted([slot=end]){top:50%;right:calc(var(--size-0-5) * -1);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,Po=`.sidebar-logo[hidden]{min-width:0!important;min-height:0!important;margin:0!important;display:none!important}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}.mobile-backdrop{z-index:calc(var(--z-sticky) + 1);background:color-mix(in oklch, var(--color-contrast-950) 36%, transparent);border:0;width:100%;height:100%;display:none;position:absolute;inset:0}:host([data-bottom-nav][data-mobile-open]) .mobile-backdrop{z-index:calc(var(--z-sticky) + 1);width:100vw;height:100dvh;display:block;position:fixed;inset:0}:host([data-preview-mode][data-bottom-nav][data-mobile-open]) .mobile-backdrop{width:100%;height:100%;position:absolute;inset:0}:host([data-no-transition]),:host([data-no-transition])>nav{transition:none!important}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky) + 2);width:100%;min-width:0;max-width:100%;height:var(--sidebar-bottom-nav-height,3.75rem);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:host([data-preview-mode][data-bottom-nav]){pointer-events:none;width:auto;height:auto;position:absolute;inset:0}:host([data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);width:min(var(--_sidebar-width), 85vw);max-width:85vw;max-height:100dvh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;transform:translate(-104%)}:host([data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([data-preview-mode][data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky) + 2);height:var(--sidebar-bottom-nav-height,3.75rem);position:absolute;bottom:0;left:0;right:0}:host([data-bottom-nav][data-mobile-open]) .bottom-bar{z-index:calc(var(--z-sticky) + 1);pointer-events:none;opacity:0;transform:translateY(100%)}.bottom-tab{all:unset;box-sizing:border-box;gap:var(--size-0-5);min-width:0;padding:var(--size-1) var(--size-1-5);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.bottom-tab:hover,.bottom-tab:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}.bottom-tab:disabled{color:var(--sidebar-item-disabled-color,var(--color-contrast-400));cursor:not-allowed;opacity:.7}.bottom-tab-active,.bottom-tab[data-active=true]{color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}.bottom-tab-active:before,.bottom-tab[data-active=true]:before{display:none}.bottom-tab-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bottom-tab-label{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.sidebar-header{gap:var(--size-2);min-height:var(--size-6);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);min-height:unset;padding-block:var(--size-2);padding-inline:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none!important}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none!important}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggle-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.toggle-btn:focus-visible{outline:var(--focus-ring)}.toggle-icon{transition:var(--_motion-transition,transform var(--_sidebar-transition));justify-content:center;align-items:center;display:flex}:host([data-collapsed]) .toggle-icon{transform:rotate(180deg)}:host([data-bottom-nav]) .toggle-btn{display:none}:host(:not([dir=rtl])[data-collapsed]) .toggle-icon,:host(:dir(ltr)[data-collapsed]) .toggle-icon,:host(:dir(rtl)) .toggle-icon{transform:rotate(180deg)}:host(:dir(rtl)[data-collapsed]) .toggle-icon{transform:rotate(0)}}@layer refine.variants{:host([variant=floating]){height:calc(100% - var(--size-6));margin:var(--size-3);--_panel-radius:var(--rounded-lg)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:calc(var(--size-1) * -1)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,Fo=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},Io=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Lo=e=>{let t=Io(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Ro=t(`SidebarContext`),zo=`ore-sidebar`;i(zo,{props:{"bottom-nav-at":m.string(),collapsed:m.bool(!1),collapsible:m.bool(!1),"container-breakpoints":m.bool(!1),"default-collapsed":m.bool(!1),label:m.string(`Sidebar navigation`),responsive:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=S(),s=()=>i.has(`header`).value,c=()=>i.has(`footer`).value,l=()=>i.has(`logo`).value,u=D(n.hasAttribute(`collapsed`)),d=D(u.value?n.hasAttribute(`collapsed`):t[`default-collapsed`].value),f=D(!1),m=D(!1),g=D([]),v=D(!1),y=D(!1),x=D(Fo(t.responsive.value)),C=D(!!String(t.responsive.value??``).trim()),w=D(!1),E=D(!1),O=D(Fo(t[`bottom-nav-at`].value)),k=D(!1),A=()=>d.value,j=T(()=>f.value?`bottom-nav`:d.value?`collapsed`:`default`),M=()=>{let e=t[`container-breakpoints`].value,n=e?y.value:v.value||y.value,r=e?E.value:w.value||E.value;m.value||(f.value=r),!r&&!m.value&&F(!1,`responsive`),C.value&&P(n,`responsive`)},N=()=>{let e=i.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`).map((e,t)=>{let n=e.querySelector(`:scope > [slot="icon"]`)??e.querySelector(`[slot="icon"]`),r=n?.tagName.toLowerCase()===`ore-icon`?n.getAttribute(`name`):null,i=n?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,a=(e.textContent??``).trim();return{active:e.hasAttribute(`active`),disabled:e.hasAttribute(`disabled`),href:e.getAttribute(`href`)??void 0,iconName:r??i??void 0,label:a||`Item ${t+1}`,source:e}});g.value=e};h(Ro,{collapsed:T(()=>!f.value&&d.value),mobileOpen:T(()=>f.value&&m.value),mode:j,variant:t.variant});let P=(e,t)=>{A()!==e&&(u.value||(d.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},F=(e,t)=>{let n=!!e;if(n&&!f.value&&(f.value=!0),!f.value&&!n){m.value&&=!1;return}m.value!==n&&(m.value=n,n||M(),r(`mobile-open-change`,{open:n,source:t}))},I=()=>{P(!A(),`toggle`)},L=n;return L.setCollapsed=e=>P(!!e,`api`),L.toggle=I,L.openMobile=()=>F(!0,`api`),L.closeMobile=()=>F(!1,`api`),L.toggleMobile=()=>F(!m.value,`toggle`),e({attr:{"data-bottom-nav":()=>f.value?!0:void 0,"data-collapsed":()=>A()&&!f.value?!0:void 0,"data-mobile-open":()=>f.value&&m.value?!0:void 0,"data-preview-mode":()=>k.value?!0:void 0}}),p(()=>{n.setAttribute(`data-no-transition`,``);let e=!1,r=()=>{e||(e=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let a,o,s=new Map,c=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!u.value||(u.value=!0,d.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),J(t.responsive,e=>{a?.(),a=void 0;let r=String(e??``).trim();C.value=!!r,x.value=Fo(r),v.value=!1;let i=Lo(n);if(y.value=i>0&&x.value!=null&&i<=x.value,M(),t[`container-breakpoints`].value&&x.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{v.value=e.matches,M()};v.value=o.matches,M(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),J(t[`bottom-nav-at`],e=>{o?.(),o=void 0;let r=String(e??``).trim();O.value=Fo(r),w.value=!1;let i=Lo(n);if(E.value=i>0&&O.value!=null&&i<=O.value,M(),t[`container-breakpoints`].value&&O.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),s=e=>{w.value=e.matches,M()};w.value=a.matches,M(),a.addEventListener(`change`,s),o=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let l=typeof ResizeObserver==`function`?(()=>{let e=_(n),t=n.parentElement,i=Io(n),a=t?_(t):void 0,o=i&&i!==t?_(i):void 0,s;return J(T(()=>[e.value.width,e.value.height,a?.value.width,a?.value.height,o?.value.width,o?.value.height]),()=>{s!==void 0&&cancelAnimationFrame(s),s=requestAnimationFrame(()=>{let e=Io(n),t=Lo(n),i=y.value,a=E.value,o=e?.clientWidth??0;k.value=o>0&&o<window.innerWidth,y.value=t>0&&x.value!=null&&t<=x.value,E.value=t>0&&O.value!=null&&t<=O.value,(i!==y.value||a!==E.value)&&M(),r()})})})():void 0,p=e=>{let t=new Set(e);for(let[e,n]of s)t.has(e)||(n.disconnect(),s.delete(e));for(let t of e){if(s.has(t))continue;let e=new MutationObserver(()=>{f.value&&N()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),s.set(t,e)}};return J(i.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);p(t),N()},{immediate:!0}),()=>{c.disconnect(),a?.(),o?.(),l?.dispose();for(let e of s.values())e.disconnect();s.clear()}}),o`
|
|
3130
|
+
`},styles:[K,no]});var po=`.sidebar-logo[hidden]{min-width:0;min-height:0;margin:0;display:none}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}.mobile-backdrop{z-index:calc(var(--z-sticky) + 1);background:color-mix(in oklch, var(--color-contrast-950) 36%, transparent);border:0;width:100%;height:100%;display:none;position:absolute;inset:0}:host([data-bottom-nav][data-mobile-open]) .mobile-backdrop{z-index:calc(var(--z-sticky) + 1);width:100vw;height:100dvh;display:block;position:fixed;inset:0}:host([data-preview-mode][data-bottom-nav][data-mobile-open]) .mobile-backdrop{width:100%;height:100%;position:absolute;inset:0}:host([data-no-transition]),:host([data-no-transition])>nav{transition:none}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky) + 2);width:100%;min-width:0;max-width:100%;height:var(--sidebar-bottom-nav-height,3.75rem);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:host([data-preview-mode][data-bottom-nav]){pointer-events:none;width:auto;height:auto;position:absolute;inset:0}:host([data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);width:min(var(--_sidebar-width), 85vw);max-width:85vw;max-height:100dvh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;transform:translate(-104%)}:host([data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:host([data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([data-preview-mode][data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky) + 2);height:var(--sidebar-bottom-nav-height,3.75rem);position:absolute;bottom:0;left:0;right:0}:host([data-bottom-nav][data-mobile-open]) .bottom-bar{z-index:calc(var(--z-sticky) + 1);pointer-events:none;opacity:0;transform:translateY(100%)}.bottom-tab{all:unset;box-sizing:border-box;gap:var(--size-0-5);min-width:0;padding:var(--size-1) var(--size-1-5);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.bottom-tab:hover,.bottom-tab:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}.bottom-tab:disabled{color:var(--sidebar-item-disabled-color,var(--color-contrast-400));cursor:not-allowed;opacity:.7}.bottom-tab-active,.bottom-tab[data-active=true]{color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}.bottom-tab-active:before,.bottom-tab[data-active=true]:before{display:none}.bottom-tab-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bottom-tab-label{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.sidebar-header{gap:var(--size-2);min-height:var(--size-6);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);min-height:unset;padding-block:var(--size-2);padding-inline:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggle-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.toggle-btn:focus-visible{outline:var(--focus-ring)}.toggle-icon{transition:var(--_motion-transition,transform var(--_sidebar-transition));justify-content:center;align-items:center;display:flex}:host([data-collapsed]) .toggle-icon{transform:rotate(180deg)}:host([data-bottom-nav]) .toggle-btn{display:none}:host(:not([dir=rtl])[data-collapsed]) .toggle-icon,:host(:dir(ltr)[data-collapsed]) .toggle-icon,:host(:dir(rtl)) .toggle-icon{transform:rotate(180deg)}:host(:dir(rtl)[data-collapsed]) .toggle-icon{transform:rotate(0)}}@layer refine.variants{:host([variant=floating]){--_panel-radius:var(--rounded-lg);height:calc(100% - var(--size-6));margin:var(--size-3)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:calc(var(--size-1) * -1)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,mo=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible;pointer-events:auto;opacity:1;width:auto;height:auto;display:flex;position:static}:host([collapsible]:not([open])) .group-items{display:none}}`,ho=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-size:var(--sidebar-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast), color var(--transition-fast);outline:none;align-items:center;text-decoration:none;display:flex;position:relative}a.item{text-decoration:none}.item:hover,.item:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{font-weight:var(--font-semibold);color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}:host([active]) .item:before{display:none}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--sidebar-item-disabled-color,var(--color-contrast-300));pointer-events:none;cursor:not-allowed;opacity:1;background:0 0;outline:none}:host([disabled]) .item-icon{color:var(--sidebar-item-disabled-color,var(--color-contrast-300))}.item-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;display:flex}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.item-end{gap:var(--size-1);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}:host([sidebar-collapsed]) .item,:host([sidebar-collapsed]) .item-icon{position:relative}:host([sidebar-collapsed]) .item-label{pointer-events:none;opacity:0;width:0;overflow:hidden}:host([sidebar-collapsed]) .item{justify-content:center;align-items:center;gap:0;width:100%;height:100%;min-height:100%;padding:0}:host([sidebar-collapsed]) .item:before{inset-block:var(--size-2)}:host([sidebar-collapsed]) .item-icon{width:var(--size-7);height:var(--size-7);padding:var(--size-1-5);font-size:1.5em}:host([sidebar-collapsed][active]) .item,:host([sidebar-collapsed]) .item:hover{background:0 0}:host([sidebar-collapsed][active]) .item-icon{background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)));border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-icon:hover{background:var(--color-contrast-100);border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-end,:host([sidebar-collapsed]) .item-icon .group-badge,:host([sidebar-collapsed]) .item-icon ::slotted([slot=end]){right:0;bottom:calc(var(--size-2) * -1);z-index:2;pointer-events:auto;opacity:1;justify-content:center;align-items:center;min-width:1.25em;min-height:1.25em;display:flex;position:absolute;transform:translate(40%,-40%)}:host([dir=rtl][sidebar-collapsed]) .item-end,:host([dir=rtl][sidebar-collapsed]) .item-icon .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-icon ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end,:host(:dir(rtl)[sidebar-collapsed]) .item-icon .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-icon ::slotted([slot=end]){left:0;right:auto;transform:translate(-40%,-40%)}:host([sidebar-collapsed]) .item-end .group-badge,:host([sidebar-collapsed]) .item-end ::slotted([slot=end]){top:50%;right:calc(var(--size-0-5) * -1);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,go=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},_o=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},vo=e=>{let t=_o(e)?.clientWidth??0;return t>0?t:e.offsetWidth},yo=t(`SidebarContext`),bo=`ore-sidebar`;i(bo,{props:{"bottom-nav-at":m.string(),collapsed:m.bool(!1),collapsible:m.bool(!1),"container-breakpoints":m.bool(!1),"default-collapsed":m.bool(!1),label:m.string(`Sidebar navigation`),responsive:m.string(),variant:m.string()},setup(t){let n=a(),r=b(),i=S(),s=()=>i.has(`header`).value,c=()=>i.has(`footer`).value,l=()=>i.has(`logo`).value,u=D(n.hasAttribute(`collapsed`)),d=D(u.value?n.hasAttribute(`collapsed`):t[`default-collapsed`].value),f=D(!1),m=D(!1),g=D([]),v=D(!1),y=D(!1),x=D(go(t.responsive.value)),C=D(!!String(t.responsive.value??``).trim()),w=D(!1),E=D(!1),O=D(go(t[`bottom-nav-at`].value)),A=D(!1),j=()=>d.value,M=T(()=>f.value?`bottom-nav`:d.value?`collapsed`:`default`),N=()=>{let e=t[`container-breakpoints`].value,n=e?y.value:v.value||y.value,r=e?E.value:w.value||E.value;m.value||(f.value=r),!r&&!m.value&&I(!1,`responsive`),C.value&&F(n,`responsive`)},P=()=>{let e=i.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`).map((e,t)=>{let n=e.querySelector(`:scope > [slot="icon"]`)??e.querySelector(`[slot="icon"]`),r=n?.tagName.toLowerCase()===`ore-icon`?n.getAttribute(`name`):null,i=n?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,a=(e.textContent??``).trim();return{active:e.hasAttribute(`active`),disabled:e.hasAttribute(`disabled`),href:e.getAttribute(`href`)??void 0,iconName:r??i??void 0,label:a||`Item ${t+1}`,source:e}});g.value=e};h(yo,{collapsed:T(()=>!f.value&&d.value),mobileOpen:T(()=>f.value&&m.value),mode:M,variant:t.variant});let F=(e,t)=>{j()!==e&&(u.value||(d.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},I=(e,t)=>{let n=!!e;if(n&&!f.value&&(f.value=!0),!f.value&&!n){m.value&&=!1;return}m.value!==n&&(m.value=n,n||N(),r(`mobile-open-change`,{open:n,source:t}))},L=()=>{F(!j(),`toggle`)},R=n;return R.setCollapsed=e=>F(!!e,`api`),R.toggle=L,R.openMobile=()=>I(!0,`api`),R.closeMobile=()=>I(!1,`api`),R.toggleMobile=()=>I(!m.value,`toggle`),e({attr:{"data-bottom-nav":()=>f.value?!0:void 0,"data-collapsed":()=>j()&&!f.value?!0:void 0,"data-mobile-open":()=>f.value&&m.value?!0:void 0,"data-preview-mode":()=>A.value?!0:void 0}}),p(()=>{n.setAttribute(`data-no-transition`,``);let e=!1,r=()=>{e||(e=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let a,o,s=new Map,c=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!u.value||(u.value=!0,d.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),k(t.responsive,e=>{a?.(),a=void 0;let r=String(e??``).trim();C.value=!!r,x.value=go(r),v.value=!1;let i=vo(n);if(y.value=i>0&&x.value!=null&&i<=x.value,N(),t[`container-breakpoints`].value&&x.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{v.value=e.matches,N()};v.value=o.matches,N(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),k(t[`bottom-nav-at`],e=>{o?.(),o=void 0;let r=String(e??``).trim();O.value=go(r),w.value=!1;let i=vo(n);if(E.value=i>0&&O.value!=null&&i<=O.value,N(),t[`container-breakpoints`].value&&O.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),s=e=>{w.value=e.matches,N()};w.value=a.matches,N(),a.addEventListener(`change`,s),o=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let l=typeof ResizeObserver==`function`?(()=>{let e=_(n),t=n.parentElement,i=_o(n),a=t?_(t):void 0,o=i&&i!==t?_(i):void 0,s;return k(T(()=>[e.value.width,e.value.height,a?.value.width,a?.value.height,o?.value.width,o?.value.height]),()=>{s!==void 0&&cancelAnimationFrame(s),s=requestAnimationFrame(()=>{let e=_o(n),t=vo(n),i=y.value,a=E.value,o=e?.clientWidth??0;A.value=o>0&&o<window.innerWidth,y.value=t>0&&x.value!=null&&t<=x.value,E.value=t>0&&O.value!=null&&t<=O.value,(i!==y.value||a!==E.value)&&N(),r()})})})():void 0,p=e=>{let t=new Set(e);for(let[e,n]of s)t.has(e)||(n.disconnect(),s.delete(e));for(let t of e){if(s.has(t))continue;let e=new MutationObserver(()=>{f.value&&P()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),s.set(t,e)}};return k(i.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);p(t),P()},{immediate:!0}),()=>{c.disconnect(),a?.(),o?.(),l?.dispose();for(let e of s.values())e.disconnect();s.clear()}}),o`
|
|
3131
3131
|
<button
|
|
3132
3132
|
class="mobile-backdrop"
|
|
3133
3133
|
part="mobile-backdrop"
|
|
3134
3134
|
type="button"
|
|
3135
3135
|
aria-label="Close sidebar"
|
|
3136
3136
|
?hidden=${()=>!f.value||!m.value}
|
|
3137
|
-
@click=${()=>
|
|
3137
|
+
@click=${()=>I(!1,`toggle`)}></button>
|
|
3138
3138
|
<nav aria-label="${t.label}" part="nav">
|
|
3139
3139
|
<div class="sidebar-header" part="header" ?hidden=${()=>!s()&&!t.collapsible.value}>
|
|
3140
3140
|
<span class="sidebar-logo" ?hidden=${()=>!l()}>
|
|
@@ -3148,9 +3148,9 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3148
3148
|
part="toggle-btn"
|
|
3149
3149
|
type="button"
|
|
3150
3150
|
?hidden=${()=>!t.collapsible.value}
|
|
3151
|
-
aria-label="${()=>
|
|
3152
|
-
aria-expanded="${()=>!
|
|
3153
|
-
@click="${
|
|
3151
|
+
aria-label="${()=>j()?`Expand sidebar`:`Collapse sidebar`}"
|
|
3152
|
+
aria-expanded="${()=>!j()}"
|
|
3153
|
+
@click="${L}">
|
|
3154
3154
|
<span class="toggle-icon" aria-hidden="true">
|
|
3155
3155
|
<ore-icon name="chevron-left" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
3156
3156
|
</span>
|
|
@@ -3191,7 +3191,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3191
3191
|
</button>
|
|
3192
3192
|
`})}
|
|
3193
3193
|
</div>
|
|
3194
|
-
`},styles:[
|
|
3194
|
+
`},styles:[K,q,po]});var xo=`ore-sidebar-group`;i(xo,{props:{collapsible:m.bool(!1),"default-open":m.bool(!0),label:m.string(),open:{default:void 0,parse:e=>e==null?void 0:e===``||e===`true`,reflect:!1}},setup(t){let n=S(),r=()=>n.has(`icon`).value,i=s(yo);e({attr:{"sidebar-bottom-nav":()=>i?.mode.value===`bottom-nav`&&!i?.mobileOpen.value||void 0,"sidebar-collapsed":()=>i?.collapsed.value?!0:void 0}});let a=()=>t.open.value!==void 0,c=D(t[`default-open`].value),l=T(()=>t.collapsible.value?a()?t.open.value??!1:c.value:!0);return k(t.open,e=>{e!==void 0&&(c.value=e)}),e({attr:{open:()=>l.value?!0:void 0}}),o`
|
|
3195
3195
|
<details class="group" part="group" ?open=${l}>
|
|
3196
3196
|
<summary
|
|
3197
3197
|
class="group-header"
|
|
@@ -3210,7 +3210,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3210
3210
|
<slot></slot>
|
|
3211
3211
|
</div>
|
|
3212
3212
|
</details>
|
|
3213
|
-
`},styles:[
|
|
3213
|
+
`},styles:[q,mo]});var So=`ore-sidebar-item`;i(So,{props:{active:m.bool(!1),disabled:m.bool(!1),href:m.string(),rel:m.string(),target:m.string()},setup(t){let n=S(),r=()=>n.has(`icon`).value,i=()=>n.has(`end`).value,a=s(yo);e({attr:{"sidebar-bottom-nav":()=>a?.mode.value===`bottom-nav`&&!a?.mobileOpen.value||void 0,"sidebar-collapsed":()=>a?.collapsed.value?!0:void 0}});let c=()=>!!t.href.value&&!t.disabled.value,l=T(()=>Jn(t.rel.value,t.target.value)),u=()=>o`
|
|
3214
3214
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
3215
3215
|
<slot name="icon"></slot>
|
|
3216
3216
|
</span>
|
|
@@ -3248,7 +3248,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3248
3248
|
${u()}
|
|
3249
3249
|
</button>
|
|
3250
3250
|
`}
|
|
3251
|
-
`},styles:[H,No]});var Ho=z({BOX_TAG:()=>po,GRID_ITEM_TAG:()=>ho,GRID_TAG:()=>xo,NAVBAR_CTX:()=>ko,NAVBAR_ITEM_TAG:()=>jo,NAVBAR_TAG:()=>Ao,SIDEBAR_CTX:()=>Ro,SIDEBAR_GROUP_TAG:()=>Bo,SIDEBAR_ITEM_TAG:()=>Vo,SIDEBAR_TAG:()=>zo});function Uo(){let e=0,t=[];return{lock(n){if(e===0){let e=n;for(;e.parentElement&&e.parentElement!==document.body;)e=e.parentElement;t=Array.from(document.body.children).filter(t=>t!==e&&!t.hasAttribute(`inert`));for(let e of t)e.setAttribute(`inert`,``)}e++},unlock(){if(e=Math.max(0,e-1),e===0){for(let e of t)e.removeAttribute(`inert`);t=[]}}}}function Wo(e){let t=Q(e.onCleanup),n=D(!1),r=`programmatic`,i=Uo(),a=!1,o=Et({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),s=()=>{let t=e.dialogRef.value;if(!t?.open||a)return;a=!0,t.classList.add(`closing`);let n=()=>{t.close(),a=!1},r=e.getPanelEl();r?li(r,n,`transition`):n()},c=t=>e.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:t,...e.closeRequestDetail?.(t)}})),l={close(t=`programmatic`){if(!n.value)return;let i=e.dialogRef.value;i?.open?(r=t,(e.performClose??((e,t)=>e.close()))(i,t)):n.value=!1},dispose(){l.close(`programmatic`)},open(t=`programmatic`){if(n.value)return;let r=e.dialogRef.value;!r||r.open||(r.classList.remove(`closing`),o.captureReturnFocus(),e.beforeOpen?.(r),r.showModal(),i.lock(e.host),o.applyInitialFocus(),n.value=!0,e.onOpen?.(t))},[Symbol.dispose](){l.dispose()},toggle(e=`click`,t=`trigger`){n.value?l.close(t):l.open(e)}};t.addEventListener(`abort`,l.dispose,{once:!0});let u=e=>{c(e)&&l.close(e)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?l.open(`trigger`):(t===`close`||t===`request-close`)&&u(`trigger`)},{signal:t});let d=t=>{t.target===e.dialogRef.value&&(t.preventDefault(),!e.isPersistent()&&u(`escape`))},f=t=>{e.isPersistent()||t.target===e.dialogRef.value&&u(`outsideClick`)},p=t=>{if(t&&t.target!==e.dialogRef.value)return;i.unlock(),e.host.removeAttribute(`open`),n.value=!1,o.restoreFocus();let a=r;r=`programmatic`,e.onNativeClose?.(a)},m=()=>{let t=e.dialogRef.value;t&&e.onEvent(t,`close`,p);let n=!1;J(e.openProp,t=>{if(t===void 0){if(!n){e.defaultOpen.value&&l.open(`programmatic`),n=!0;return}l.close(`programmatic`);return}n=!0,t?l.open(`programmatic`):l.close(`programmatic`)},{immediate:!0})};return{closeWithAnimation:s,dispatchCloseRequest:c,handleBackdropClick:f,handleCancel:d,isOpen:n,overlay:l,requestClose:u,setupNativeListeners:()=>{let t=e.dialogRef.value;t&&(m(),e.onEvent(t,`click`,f),e.onEvent(t,`cancel`,d))},watchOpenProp:m}}function Go(e){return e.filter(e=>e.localName===`ore-command-palette-item`).map(e=>({disabled:e.hasAttribute(`disabled`),group:e.getAttribute(`group`)??void 0,icon:e.getAttribute(`icon`)??void 0,keywords:(e.getAttribute(`keywords`)??``).split(`,`).map(e=>e.trim()).filter(Boolean),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,shortcut:e.getAttribute(`shortcut`)??void 0,value:e.getAttribute(`value`)??``}))}function Ko(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function qo(e){return{disabled:!!e.disabled,group:e.group,icon:e.icon,keywords:e.keywords??[],label:e.label??e.value,shortcut:e.shortcut,value:e.value}}function Jo(e,t,n){if(n)return e;let r=t.toLowerCase().trim();return r?e.filter(e=>e.label.toLowerCase().includes(r)||e.value.toLowerCase().includes(r)||e.keywords.some(e=>e.toLowerCase().includes(r))):e}function Yo(e){let t=new Map;for(let n of e){let e=n.group,r=t.get(e);r||(r=[],t.set(e,r)),r.push(n)}let n=[],r=0;for(let[e,i]of t){e!==void 0&&n.push({group:e,type:`group`});for(let e of i)n.push({idx:r++,item:e,type:`item`})}return n}var Xo=`@layer refine.base{:host{--_radius:var(--command-palette-radius,var(--rounded-lg));--_max-width:var(--command-palette-max-width,40rem);--_backdrop-bg:var(--command-palette-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--command-palette-bg,var(--color-canvas));--_panel-border-color:var(--command-palette-border-color,var(--color-divider));--_option-hover-bg:var(--command-palette-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--command-palette-option-focus-bg,color-mix(in oklch, var(--color-primary) 12%, var(--color-contrast-100)));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;padding-top:min(14vh, var(--size-24));background:0 0;border:none;justify-content:center;align-items:flex-start;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::backdrop{opacity:0}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:min(28rem, calc(100dvh - var(--size-16)));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--command-palette-shadow,var(--shadow-2xl));opacity:1;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}@media (width<=640px){.panel{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4))}dialog{padding-top:var(--size-4)}}.search{gap:var(--size-2);padding:var(--size-3) var(--size-4);border-bottom:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.search-icon{color:var(--color-contrast-400);flex-shrink:0;display:inline-flex}.search-input{min-width:0;font:inherit;font-size:var(--text-md);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--color-contrast-400)}.search-loader{border:2px solid var(--color-contrast-300);width:1em;height:1em;animation:command-palette-spin var(--transition-loader) infinite;border-radius:50%;flex-shrink:0;display:inline-flex}.search-loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:#0000}.search-loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.search-loader[hidden]{display:none}@keyframes command-palette-spin{to{transform:rotate(360deg)}}.listbox{padding:var(--size-1);overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow-y:auto}.empty{padding:var(--size-6) var(--size-3);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.group-heading{padding:var(--size-2) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.item{gap:var(--size-2-5);padding:var(--size-2) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);align-items:center;display:flex}.item:hover:not([data-disabled]){background:var(--_option-hover-bg)}.item[data-focused]:not([data-disabled]){background:var(--_option-focus-bg)}.item[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.item-icon{color:var(--color-contrast-500);flex-shrink:0;align-items:center;display:inline-flex}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-shortcut{gap:var(--size-1);flex-shrink:0;display:inline-flex}.item-shortcut kbd{padding:var(--size-0-5) var(--size-1-5);font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}.footer{gap:var(--size-4);padding:var(--size-2) var(--size-4);font-size:var(--text-xs);color:var(--color-contrast-500);border-top:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.footer-hint{gap:var(--size-1);align-items:center;display:inline-flex}.footer kbd{padding:var(--size-0-5) var(--size-1);font-family:inherit;font-size:var(--text-xs);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}::slotted(ore-command-palette-item){display:none!important}}`,Zo=e=>e==null?void 0:e===``||e===`true`,Qo=`ore-command-palette-item`;i(Qo,{setup(){return o``}});var $o=`ore-command-palette`;i($o,{props:{"default-open":m.bool(!1),"empty-text":m.string(`No results found.`),items:m.data(),"keep-open-on-select":m.bool(!1),label:m.string(`Command palette`),loading:m.bool(!1),"no-filter":m.bool(!1),open:{default:void 0,parse:Zo},placeholder:m.string(`Type a command or search…`),shortcut:m.string(`mod+k`)},setup(e){let t=a(),n=b(),r=Q(u),i=g(),s=g(),c=`cmdk-listbox`,l=null,d=D(``),m=D([]),h=()=>{m.value=Go([...t.children])};h();let _=new MutationObserver(h);_.observe(t,{characterData:!0,childList:!0,subtree:!0}),u(()=>_.disconnect());let v=T(()=>{let t=e.items.value;return Array.isArray(t)?t.map(qo):m.value}),y=T(()=>Jo(v.value,d.value,!!e[`no-filter`].value)),x=T(()=>Yo(y.value)),S=Dn({getItems:()=>y.value,isItemDisabled:e=>e.disabled,onNavigate:()=>{l?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},signal:r}),{focusedIndex:C}=S,w=()=>{d.value=``,S.reset()},{closeWithAnimation:E,overlay:O,requestClose:k,setupNativeListeners:A}=Wo({defaultOpen:e[`default-open`],dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:T(()=>`.search-input`),isPersistent:()=>!1,onCleanup:u,onEvent:f,onNativeClose:e=>{n(`open-change`,{open:!1,reason:e}),w()},onOpen:e=>{n(`open-change`,{open:!0,reason:e}),S.navigate(`first`)},openProp:e.open,performClose:()=>E(),returnFocus:T(()=>!0)}),j=re();j.mount(window),u(()=>j.dispose());let M=null;J(e.shortcut,e=>{M?.(),M=null;let t=(e??``).trim();if(t)try{M=j.bind(t,()=>{O.toggle(`keyboard`,`trigger`)})}catch(e){`${t}${e instanceof Error?e.message:String(e)}`}},{immediate:!0}),p(()=>{A()});function N(t){t.disabled||(n(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?s.value?.focus():k(`trigger`))}function P(t){let r=t.target.value;d.value=r,S.navigate(`first`),n(`search`,{query:r});let i=y.value.length;ln(i===0?e[`empty-text`].value:`${i} result${i===1?``:`s`} found`)}function F(e){if(!S.handleKeydown(e)&&e.key===`Enter`){let t=S.getActiveItem()??y.value.find(e=>!e.disabled);t&&(e.preventDefault(),N(t))}}return o`
|
|
3251
|
+
`},styles:[K,ho]});var Co=V({BOX_TAG:()=>qa,GRID_ITEM_TAG:()=>to,GRID_TAG:()=>$a,NAVBAR_CTX:()=>lo,NAVBAR_ITEM_TAG:()=>fo,NAVBAR_TAG:()=>uo,SIDEBAR_CTX:()=>yo,SIDEBAR_GROUP_TAG:()=>xo,SIDEBAR_ITEM_TAG:()=>So,SIDEBAR_TAG:()=>bo});function wo(){let e=0,t=[];return{lock(n){if(e===0){let e=n;for(;e.parentElement&&e.parentElement!==document.body;)e=e.parentElement;t=Array.from(document.body.children).filter(t=>t!==e&&!t.hasAttribute(`inert`));for(let e of t)e.setAttribute(`inert`,``)}e++},unlock(){if(e=Math.max(0,e-1),e===0){for(let e of t)e.removeAttribute(`inert`);t=[]}}}}function To(e){let t=Z(e.onCleanup),n=D(!1),r=`programmatic`,i=wo(),a=!1,o=It({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),s=()=>{let t=e.dialogRef.value;if(!t?.open||a)return;a=!0,t.classList.add(`closing`);let n=()=>{t.close(),a=!1},r=e.getPanelEl();r?Ur(r,n,`transition`):n()},c=t=>e.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:t,...e.closeRequestDetail?.(t)}})),l={close(t=`programmatic`){if(!n.value)return;let i=e.dialogRef.value;i?.open?(r=t,(e.performClose??((e,t)=>e.close()))(i,t)):n.value=!1},dispose(){l.close(`programmatic`)},open(t=`programmatic`){if(n.value)return;let r=e.dialogRef.value;!r||r.open||(r.classList.remove(`closing`),o.captureReturnFocus(),e.beforeOpen?.(r),r.showModal(),i.lock(e.host),o.applyInitialFocus(),n.value=!0,e.onOpen?.(t))},[Symbol.dispose](){l.dispose()},toggle(e=`click`,t=`trigger`){n.value?l.close(t):l.open(e)}};t.addEventListener(`abort`,l.dispose,{once:!0});let u=e=>{c(e)&&l.close(e)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?l.open(`trigger`):(t===`close`||t===`request-close`)&&u(`trigger`)},{signal:t});let d=t=>{t.target===e.dialogRef.value&&(t.preventDefault(),!e.isPersistent()&&u(`escape`))},f=t=>{e.isPersistent()||t.target===e.dialogRef.value&&u(`outsideClick`)},p=t=>{if(t&&t.target!==e.dialogRef.value)return;i.unlock(),e.host.removeAttribute(`open`),n.value=!1,o.restoreFocus();let a=r;r=`programmatic`,e.onNativeClose?.(a)},m=()=>{let t=e.dialogRef.value;t&&e.onEvent(t,`close`,p);let n=!1;k(e.openProp,t=>{if(t===void 0){if(!n){e.defaultOpen.value&&l.open(`programmatic`),n=!0;return}l.close(`programmatic`);return}n=!0,t?l.open(`programmatic`):l.close(`programmatic`)},{immediate:!0})};return{closeWithAnimation:s,dispatchCloseRequest:c,handleBackdropClick:f,handleCancel:d,isOpen:n,overlay:l,requestClose:u,setupNativeListeners:()=>{let t=e.dialogRef.value;t&&(m(),e.onEvent(t,`click`,f),e.onEvent(t,`cancel`,d))},watchOpenProp:m}}function Eo(e){return e.filter(e=>e.localName===`ore-command-palette-item`).map(e=>({disabled:e.hasAttribute(`disabled`),group:e.getAttribute(`group`)??void 0,icon:e.getAttribute(`icon`)??void 0,keywords:(e.getAttribute(`keywords`)??``).split(`,`).map(e=>e.trim()).filter(Boolean),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,shortcut:e.getAttribute(`shortcut`)??void 0,value:e.getAttribute(`value`)??``}))}function Do(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function Oo(e){return{disabled:!!e.disabled,group:e.group,icon:e.icon,keywords:e.keywords??[],label:e.label??e.value,shortcut:e.shortcut,value:e.value}}function ko(e,t,n){if(n)return e;let r=t.toLowerCase().trim();return r?e.filter(e=>e.label.toLowerCase().includes(r)||e.value.toLowerCase().includes(r)||e.keywords.some(e=>e.toLowerCase().includes(r))):e}function Ao(e){let t=new Map;for(let n of e){let e=n.group,r=t.get(e);r||(r=[],t.set(e,r)),r.push(n)}let n=[],r=0;for(let[e,i]of t){e!==void 0&&n.push({group:e,type:`group`});for(let e of i)n.push({idx:r++,item:e,type:`item`})}return n}var jo=`@layer refine.base{:host{--_radius:var(--command-palette-radius,var(--rounded-lg));--_max-width:var(--command-palette-max-width,40rem);--_backdrop-bg:var(--command-palette-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--command-palette-bg,var(--color-canvas));--_panel-border-color:var(--command-palette-border-color,var(--color-divider));--_option-hover-bg:var(--command-palette-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--command-palette-option-focus-bg,color-mix(in oklch, var(--color-primary) 12%, var(--color-contrast-100)));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;padding-top:min(14vh, var(--size-24));background:0 0;border:none;justify-content:center;align-items:flex-start;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::-ms-backdrop{opacity:0}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::-ms-backdrop{opacity:0}dialog.closing::backdrop{opacity:0}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:min(28rem, calc(100dvh - var(--size-16)));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--command-palette-shadow,var(--shadow-2xl));opacity:1;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}@media (width<=640px){.panel{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4))}dialog{padding-top:var(--size-4)}}.search{gap:var(--size-2);padding:var(--size-3) var(--size-4);border-bottom:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.search-icon{color:var(--color-contrast-400);flex-shrink:0;display:inline-flex}.search-input{min-width:0;font:inherit;font-size:var(--text-md);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--color-contrast-400)}.search-loader{border:2px solid var(--color-contrast-300);width:1em;height:1em;animation:command-palette-spin var(--transition-loader) infinite;border-radius:50%;flex-shrink:0;display:inline-flex}.search-loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.search-loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.search-loader[hidden]{display:none}@keyframes command-palette-spin{to{transform:rotate(360deg)}}.listbox{padding:var(--size-1);overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow-y:auto}.empty{padding:var(--size-6) var(--size-3);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.group-heading{padding:var(--size-2) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.item{gap:var(--size-2-5);padding:var(--size-2) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);align-items:center;display:flex}.item:hover:not([data-disabled]){background:var(--_option-hover-bg)}.item[data-focused]:not([data-disabled]){background:var(--_option-focus-bg)}.item[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.item-icon{color:var(--color-contrast-500);flex-shrink:0;align-items:center;display:inline-flex}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-shortcut{gap:var(--size-1);flex-shrink:0;display:inline-flex}.item-shortcut kbd{padding:var(--size-0-5) var(--size-1-5);font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}.footer{gap:var(--size-4);padding:var(--size-2) var(--size-4);font-size:var(--text-xs);color:var(--color-contrast-500);border-top:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.footer-hint{gap:var(--size-1);align-items:center;display:inline-flex}.footer kbd{padding:var(--size-0-5) var(--size-1);font-family:inherit;font-size:var(--text-xs);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}::slotted(ore-command-palette-item){display:none}}`,Mo=e=>e==null?void 0:e===``||e===`true`,No=`ore-command-palette-item`;i(No,{setup(){return o``}});var Po=`ore-command-palette`;i(Po,{props:{"default-open":m.bool(!1),"empty-text":m.string(`No results found.`),items:m.data(),"keep-open-on-select":m.bool(!1),label:m.string(`Command palette`),loading:m.bool(!1),"no-filter":m.bool(!1),open:{default:void 0,parse:Mo},placeholder:m.string(`Type a command or search…`),shortcut:m.string(`mod+k`)},setup(e){let t=a(),n=b(),r=Z(u),i=g(),s=g(),c=`cmdk-listbox`,l=null,d=D(``),m=D([]),h=()=>{m.value=Eo([...t.children])};h();let _=new MutationObserver(h);_.observe(t,{characterData:!0,childList:!0,subtree:!0}),u(()=>_.disconnect());let v=T(()=>{let t=e.items.value;return Array.isArray(t)?t.map(Oo):m.value}),y=T(()=>ko(v.value,d.value,!!e[`no-filter`].value)),x=T(()=>Ao(y.value)),S=un({getItems:()=>y.value,isItemDisabled:e=>e.disabled,onNavigate:()=>{l?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},signal:r}),{focusedIndex:C}=S,w=()=>{d.value=``,S.reset()},{closeWithAnimation:E,overlay:O,requestClose:A,setupNativeListeners:j}=To({defaultOpen:e[`default-open`],dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:T(()=>`.search-input`),isPersistent:()=>!1,onCleanup:u,onEvent:f,onNativeClose:e=>{n(`open-change`,{open:!1,reason:e}),w()},onOpen:e=>{n(`open-change`,{open:!0,reason:e}),S.navigate(`first`)},openProp:e.open,performClose:()=>E(),returnFocus:T(()=>!0)}),M=ne();M.mount(window),u(()=>M.dispose());let N=null;k(e.shortcut,e=>{N?.(),N=null;let t=(e??``).trim();if(t)try{N=M.bind(t,()=>{O.toggle(`keyboard`,`trigger`)})}catch(e){`${t}${e instanceof Error?e.message:String(e)}`}},{immediate:!0}),p(()=>{j()});function P(t){t.disabled||(n(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?s.value?.focus():A(`trigger`))}function F(t){let r=t.target.value;d.value=r,S.navigate(`first`),n(`search`,{query:r});let i=y.value.length;dt(i===0?e[`empty-text`].value:`${i} result${i===1?``:`s`} found`)}function I(e){if(!S.handleKeydown(e)&&e.key===`Enter`){let t=S.getActiveItem()??y.value.find(e=>!e.disabled);t&&(e.preventDefault(),P(t))}}return o`
|
|
3252
3252
|
<dialog ref="${i}" class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
3253
3253
|
<div class="panel" part="panel">
|
|
3254
3254
|
<div class="search" part="search">
|
|
@@ -3267,8 +3267,8 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3267
3267
|
aria-activedescendant="${()=>C.value>=0?`${c}-opt-${C.value}`:``}"
|
|
3268
3268
|
placeholder="${e.placeholder}"
|
|
3269
3269
|
value="${d}"
|
|
3270
|
-
@input="${
|
|
3271
|
-
@keydown="${
|
|
3270
|
+
@input="${F}"
|
|
3271
|
+
@keydown="${I}" />
|
|
3272
3272
|
<span class="search-loader" ?hidden="${()=>!e.loading.value}" aria-hidden="true"></span>
|
|
3273
3273
|
</div>
|
|
3274
3274
|
<div
|
|
@@ -3293,7 +3293,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3293
3293
|
aria-disabled="${()=>String(e.item.disabled)}"
|
|
3294
3294
|
?data-focused="${()=>C.value===e.idx}"
|
|
3295
3295
|
?data-disabled="${()=>e.item.disabled}"
|
|
3296
|
-
@click="${t=>{t.stopPropagation(),
|
|
3296
|
+
@click="${t=>{t.stopPropagation(),P(e.item)}}"
|
|
3297
3297
|
@pointerenter="${()=>{S.set(e.idx)}}">
|
|
3298
3298
|
${e.item.icon?o`
|
|
3299
3299
|
<span class="item-icon" aria-hidden="true">
|
|
@@ -3303,7 +3303,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3303
3303
|
<span class="item-label">${e.item.label}</span>
|
|
3304
3304
|
${e.item.shortcut?o`
|
|
3305
3305
|
<span class="item-shortcut">
|
|
3306
|
-
${
|
|
3306
|
+
${Do(e.item.shortcut).map(e=>o`
|
|
3307
3307
|
<kbd>${e}</kbd>
|
|
3308
3308
|
`)}
|
|
3309
3309
|
</span>
|
|
@@ -3328,7 +3328,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3328
3328
|
</div>
|
|
3329
3329
|
</div>
|
|
3330
3330
|
</dialog>
|
|
3331
|
-
`},styles:[
|
|
3331
|
+
`},styles:[q,jo]});var Fo=`@layer refine.base{:host{--_radius:var(--dialog-radius,var(--rounded-lg));--_padding:var(--dialog-padding,var(--size-4));--_gap:var(--dialog-gap,var(--size-4));--_max-width:var(--dialog-max-width,32rem);--_elevation:var(--shadow-xl);--_backdrop-filter:none;--_backdrop-bg:var(--dialog-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--dialog-bg,var(--color-canvas));--_panel-blur:var(--dialog-panel-blur,var(--blur-md));--_panel-border-color:var(--dialog-border-color,var(--color-divider));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::-ms-backdrop{opacity:0}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::-ms-backdrop{opacity:0;transition:opacity .15s var(--ease-in-out), overlay .15s allow-discrete, display .15s allow-discrete}dialog.closing::backdrop{opacity:0;transition:opacity .15s var(--ease-in-out), overlay .15s allow-discrete, display .15s allow-discrete}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--dialog-shadow,var(--_elevation));opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}.panel[data-size=sm]{--_max-width:var(--dialog-max-width,22rem)}.panel[data-size=md]{--_max-width:var(--dialog-max-width,32rem)}.panel[data-size=lg]{--_max-width:var(--dialog-max-width,48rem)}.panel[data-size=xl]{--_max-width:var(--dialog-max-width,64rem)}.panel[data-size=full]{width:calc(100vw - var(--size-8));max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8))}.header{gap:var(--size-2);padding:var(--_padding);flex-shrink:0;align-items:center;padding-bottom:0;display:flex}.header[hidden]{display:none}.title{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-contrast-900);flex:1}.close{width:var(--size-8);min-width:var(--_touch-target);height:var(--size-8);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.close:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close:hover{color:var(--color-contrast-900);background:var(--color-contrast-200)}.close:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.close[hidden]{display:none}.body{padding:var(--_padding);overscroll-behavior:contain;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-contrast-700);flex:1;overflow-y:auto}.footer{gap:var(--_gap);padding:var(--_padding);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;padding-top:0;display:flex}.footer[hidden]{display:none}.header:not([hidden])+.body{padding-top:var(--size-4)}.body+.footer:not([hidden]){padding-top:var(--size-4);border-top:var(--border) solid var(--color-contrast-100)}@media (width<=640px){.panel,.panel[data-size=sm],.panel[data-size=md],.panel[data-size=lg],.panel[data-size=xl]{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4));max-height:calc(100dvh - var(--size-4))}.header,.body,.footer{padding-inline:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}:host([elevation=none]){--_elevation:var(--shadow-none)}:host([elevation=sm]){--_elevation:var(--shadow-sm)}:host([elevation=md]){--_elevation:var(--shadow-md)}:host([elevation=lg]){--_elevation:var(--shadow-lg)}:host([elevation=xl]){--_elevation:var(--shadow-xl)}:host([elevation="2xl"]){--_elevation:var(--shadow-2xl)}:host([padding=none]){--_padding:var(--size-0)}:host([padding=sm]){--_padding:var(--size-3)}:host([padding=md]){--_padding:var(--size-4)}:host([padding=lg]){--_padding:var(--size-6)}:host([padding=xl]){--_padding:var(--size-8)}}`,Io=e=>e==null?void 0:e===``||e===`true`,Lo=`ore-dialog`;i(Lo,{props:{backdrop:m.string(),"default-open":m.bool(!1),dismissible:m.bool(!1),elevation:m.string(),"initial-focus":m.string(),label:m.string(),open:{default:void 0,parse:Io},padding:m.string(),persistent:m.bool(!1),"return-focus":m.bool(!0),rounded:m.string(),size:m.oneOf([`sm`,`md`,`lg`,`xl`,`full`],`md`)},setup(e){let t=a(),n=b(),r=S(),i=g(),s=()=>r.has(`header`).value||!!e.label.value||e.dismissible.value,c=()=>r.has(`footer`).value,{closeWithAnimation:l,overlay:d,requestClose:m,setupNativeListeners:h}=To({defaultOpen:e[`default-open`],dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:u,onEvent:f,onNativeClose:e=>n(`open-change`,{open:!1,reason:e}),onOpen:e=>n(`open-change`,{open:!0,reason:e}),openProp:e.open,performClose:()=>{l()},returnFocus:e[`return-focus`]});return p(()=>{if(i.value)return h(),()=>{d.dispose()}}),o`
|
|
3332
3332
|
<dialog ref=${i} class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
3333
3333
|
<div class="overlay" part="overlay" aria-hidden="true"></div>
|
|
3334
3334
|
<div class="panel" part="panel" data-size="${e.size}">
|
|
@@ -3354,7 +3354,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3354
3354
|
</div>
|
|
3355
3355
|
</div>
|
|
3356
3356
|
</dialog>
|
|
3357
|
-
`},styles:[W,H,es]});var rs=`@layer refine.base{:host{--_backdrop-bg:var(--drawer-backdrop-bg,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--color-canvas));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--color-divider);--_panel-bleed:var(--size-8);--_drag-handle-inset:calc(var(--size-1) * -1);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto;display:flex}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform .3s var(--ease-move);flex-direction:column;display:flex;position:absolute;overflow:visible;transform:translate(0)}@starting-style{.panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}dialog.closing .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel,:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([placement=right]) .panel:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:active{opacity:.8}.drag-handle{z-index:10;pointer-events:all;touch-action:none;cursor:grab;position:absolute}.drag-handle:active{cursor:grabbing}:host([placement=left]) .drag-handle,:host(:not([placement])) .drag-handle,:host([placement=right]) .drag-handle{width:var(--_panel-bleed);height:3.5rem;top:50%;translate:0 -50%}:host([placement=left]) .drag-handle{right:calc(var(--_panel-bleed) * -1)}:host([placement=right]) .drag-handle,:host(:not([placement])) .drag-handle{left:calc(var(--_panel-bleed) * -1)}:host([placement=top]) .drag-handle,:host([placement=bottom]) .drag-handle{width:3.5rem;height:var(--_panel-bleed);left:50%;translate:-50%}:host([placement=top]) .drag-handle{bottom:calc(var(--_panel-bleed) * -1)}:host([placement=bottom]) .drag-handle{top:calc(var(--_panel-bleed) * -1)}:host([drag-handle-placement=inset][placement=left]) .drag-handle{right:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=right]) .drag-handle,:host([drag-handle-placement=inset]:not([placement])) .drag-handle{left:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=top]) .drag-handle{bottom:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=bottom]) .drag-handle{top:var(--_drag-handle-inset)}.drag-handle:before{content:"";background:var(--color-contrast-400);border-radius:var(--rounded-full);opacity:.6;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);position:absolute;inset:50%;translate:-50% -50%}:host([placement=left]) .drag-handle:before,:host([placement=right]) .drag-handle:before,:host(:not([placement])) .drag-handle:before{width:5px;height:2.5rem}:host([placement=top]) .drag-handle:before,:host([placement=bottom]) .drag-handle:before{width:2.5rem;height:5px}.drag-handle:hover:before{background:var(--color-contrast-600);opacity:.9;transform:scale(1.15)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,is=e=>e==null?void 0:e===``||e===`true`,as={bottom:{axis:`y`,closingDistance:e=>Math.max(0,e),translate:e=>`translateY(${e}px)`},left:{axis:`x`,closingDistance:e=>Math.max(0,-e),translate:e=>`translateX(${e}px)`},right:{axis:`x`,closingDistance:e=>Math.max(0,e),translate:e=>`translateX(${e}px)`},top:{axis:`y`,closingDistance:e=>Math.max(0,-e),translate:e=>`translateY(${e}px)`}},os=`ore-drawer`;i(os,{props:{backdrop:m.string(),"default-open":m.bool(!1),dismissible:m.bool(!0),"drag-handle-placement":m.oneOf([`outside`,`inset`],`outside`),"initial-focus":m.string(),label:m.string(),open:{default:void 0,parse:is},persistent:m.bool(!1),placement:m.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":m.bool(!0),size:m.string(),title:m.string()},setup(e){let t=a(),r=b(),i=S(),s=n(`drawer-label`),c=g(),l=g(),d=D(!1),m,h=()=>e.label.value??e.title.value??``,_=()=>i.has(`header`).value||!!h(),v=()=>_()||e.dismissible.value,y=()=>i.has(`footer`).value,x=()=>e.placement.value||`right`,C=()=>as[x()],w=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},T=(e,t)=>C().closingDistance(e)>=t,E=e=>{if(!d.value)return;m&&=(clearTimeout(m),void 0);let t=c.value;if(!t){d.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,F(`swipe`)},O=(e,t,n)=>{if(d.value)return;d.value=!0;let r=t.axis===`x`?e.offsetWidth:e.offsetHeight,i=n>=0?Math.max(n,r):Math.min(n,-r),a=t.translate(i);e.style.transition=`transform 180ms cubic-bezier(0.2, 0.9, 0.2, 1), opacity 180ms ease-out`,e.offsetWidth;let o=t=>{t.target===e&&t.propertyName===`transform`&&(e.removeEventListener(`transitionend`,o),E(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;m=setTimeout(()=>{e.removeEventListener(`transitionend`,o),E(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},k=e=>{m&&=(clearTimeout(m),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,d.value=!1},A=({distance:e,threshold:t})=>{let n=l.value;if(n){if(T(e,t)){O(n,C(),e);return}k(n)}},j=rn({axis:()=>C().axis,disabled:d,onCancel:A,onCommit:({distance:e})=>{let t=l.value;t&&O(t,C(),e)},onMove:({distance:e,threshold:t})=>{let n=l.value;if(!n)return;let r=C(),i=r.closingDistance(e),a=Math.min(i/t,1);n.style.transition=`none`,n.style.transform=r.translate(e),n.style.opacity=String(1-a*.4)},onRelease:A,shouldCommit:({distance:e,threshold:t})=>T(e,t),threshold:()=>{let e=l.value;return e?w(e,C().axis):48}}),{closeWithAnimation:M,handleCancel:N,overlay:P,requestClose:F,watchOpenProp:I}=Wo({beforeOpen:e=>{let t=l.value;t&&k(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),defaultOpen:e[`default-open`],dialogRef:c,getPanelEl:()=>l.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:u,onEvent:f,onNativeClose:e=>{let t=l.value;t&&e!==`swipe`&&k(t);let n=c.value;n&&(n.style.transition=``),r(`open-change`,{open:!1,reason:e})},onOpen:e=>r(`open-change`,{open:!0,reason:e}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():M()},returnFocus:e[`return-focus`]});return p(()=>{let n=c.value;if(!n)return;let r=t;r.show=()=>{P.open(`programmatic`)},r.hide=()=>{P.close(`programmatic`)},I(),f(n,`cancel`,N),f(n,`click`,t=>{e.persistent.value||j.isActive()||d.value||t.target===n&&F(`outsideClick`)});let i=l.value?.querySelector(`[part="drag-handle"]`);return i&&(f(i,`pointerdown`,j.handlePointerDown),f(i,`pointermove`,j.handlePointerMove),f(i,`pointerup`,j.handlePointerUp),f(i,`pointercancel`,j.handlePointerCancel)),()=>{P.dispose()}}),o`
|
|
3357
|
+
`},styles:[J,K,Fo]});var Ro=`@layer refine.base{:host{--_backdrop-bg:var(--drawer-backdrop-bg,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--color-canvas));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--color-divider);--_panel-bleed:var(--size-8);--_drag-handle-inset:calc(var(--size-1) * -1);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto;display:flex}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog.closing::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}dialog.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform .3s var(--ease-move);flex-direction:column;display:flex;position:absolute;overflow:visible;transform:translate(0)}@starting-style{.panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}dialog.closing .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=right]) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:active{opacity:.8}.drag-handle{z-index:10;pointer-events:all;touch-action:none;cursor:grab;position:absolute}.drag-handle:active{cursor:grabbing}:host([placement=left]) .drag-handle,:host(:not([placement])) .drag-handle,:host([placement=right]) .drag-handle{width:var(--_panel-bleed);height:3.5rem;top:50%;translate:0 -50%}:host([placement=left]) .drag-handle{right:calc(var(--_panel-bleed) * -1)}:host([placement=right]) .drag-handle,:host(:not([placement])) .drag-handle{left:calc(var(--_panel-bleed) * -1)}:host([placement=top]) .drag-handle,:host([placement=bottom]) .drag-handle{width:3.5rem;height:var(--_panel-bleed);left:50%;translate:-50%}:host([placement=top]) .drag-handle{bottom:calc(var(--_panel-bleed) * -1)}:host([placement=bottom]) .drag-handle{top:calc(var(--_panel-bleed) * -1)}:host([drag-handle-placement=inset][placement=left]) .drag-handle{right:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=right]) .drag-handle,:host([drag-handle-placement=inset]:not([placement])) .drag-handle{left:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=top]) .drag-handle{bottom:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=bottom]) .drag-handle{top:var(--_drag-handle-inset)}.drag-handle:before{content:"";background:var(--color-contrast-400);border-radius:var(--rounded-full);opacity:.6;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);position:absolute;inset:50%;translate:-50% -50%}:host([placement=left]) .drag-handle:before,:host([placement=right]) .drag-handle:before,:host(:not([placement])) .drag-handle:before{width:5px;height:2.5rem}:host([placement=top]) .drag-handle:before,:host([placement=bottom]) .drag-handle:before{width:2.5rem;height:5px}.drag-handle:hover:before{background:var(--color-contrast-600);opacity:.9;transform:scale(1.15)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,zo=e=>e==null?void 0:e===``||e===`true`,Bo={bottom:{axis:`y`,closingDistance:e=>Math.max(0,e),translate:e=>`translateY(${e}px)`},left:{axis:`x`,closingDistance:e=>Math.max(0,-e),translate:e=>`translateX(${e}px)`},right:{axis:`x`,closingDistance:e=>Math.max(0,e),translate:e=>`translateX(${e}px)`},top:{axis:`y`,closingDistance:e=>Math.max(0,-e),translate:e=>`translateY(${e}px)`}},Vo=`ore-drawer`;i(Vo,{props:{backdrop:m.string(),"default-open":m.bool(!1),dismissible:m.bool(!0),"drag-handle-placement":m.oneOf([`outside`,`inset`],`outside`),"initial-focus":m.string(),label:m.string(),open:{default:void 0,parse:zo},persistent:m.bool(!1),placement:m.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":m.bool(!0),size:m.string(),title:m.string()},setup(e){let t=a(),r=b(),i=S(),s=n(`drawer-label`),c=g(),l=g(),d=D(!1),m,h=()=>e.label.value??e.title.value??``,_=()=>i.has(`header`).value||!!h(),v=()=>_()||e.dismissible.value,y=()=>i.has(`footer`).value,x=()=>e.placement.value||`right`,C=()=>Bo[x()],w=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},T=(e,t)=>C().closingDistance(e)>=t,E=e=>{if(!d.value)return;m&&=(clearTimeout(m),void 0);let t=c.value;if(!t){d.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,F(`swipe`)},O=(e,t,n)=>{if(d.value)return;d.value=!0;let r=t.axis===`x`?e.offsetWidth:e.offsetHeight,i=n>=0?Math.max(n,r):Math.min(n,-r),a=t.translate(i);e.style.transition=`transform 180ms cubic-bezier(0.2, 0.9, 0.2, 1), opacity 180ms ease-out`,e.offsetWidth;let o=t=>{t.target===e&&t.propertyName===`transform`&&(e.removeEventListener(`transitionend`,o),E(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;m=setTimeout(()=>{e.removeEventListener(`transitionend`,o),E(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},k=e=>{m&&=(clearTimeout(m),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,d.value=!1},A=({distance:e,threshold:t})=>{let n=l.value;if(n){if(T(e,t)){O(n,C(),e);return}k(n)}},j=Qt({axis:()=>C().axis,disabled:d,onCancel:A,onCommit:({distance:e})=>{let t=l.value;t&&O(t,C(),e)},onMove:({distance:e,threshold:t})=>{let n=l.value;if(!n)return;let r=C(),i=r.closingDistance(e),a=Math.min(i/t,1);n.style.transition=`none`,n.style.transform=r.translate(e),n.style.opacity=String(1-a*.4)},onRelease:A,shouldCommit:({distance:e,threshold:t})=>T(e,t),threshold:()=>{let e=l.value;return e?w(e,C().axis):48}}),{closeWithAnimation:M,handleCancel:N,overlay:P,requestClose:F,watchOpenProp:I}=To({beforeOpen:e=>{let t=l.value;t&&k(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),defaultOpen:e[`default-open`],dialogRef:c,getPanelEl:()=>l.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:u,onEvent:f,onNativeClose:e=>{let t=l.value;t&&e!==`swipe`&&k(t);let n=c.value;n&&(n.style.transition=``),r(`open-change`,{open:!1,reason:e})},onOpen:e=>r(`open-change`,{open:!0,reason:e}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():M()},returnFocus:e[`return-focus`]});return p(()=>{let n=c.value;if(!n)return;let r=t;r.show=()=>{P.open(`programmatic`)},r.hide=()=>{P.close(`programmatic`)},I(),f(n,`cancel`,N),f(n,`click`,t=>{e.persistent.value||j.isActive()||d.value||t.target===n&&F(`outsideClick`)});let i=l.value?.querySelector(`[part="drag-handle"]`);return i&&(f(i,`pointerdown`,j.handlePointerDown),f(i,`pointermove`,j.handlePointerMove),f(i,`pointerup`,j.handlePointerUp),f(i,`pointercancel`,j.handlePointerCancel)),()=>{P.dispose()}}),o`
|
|
3358
3358
|
<dialog
|
|
3359
3359
|
ref=${c}
|
|
3360
3360
|
aria-modal="true"
|
|
@@ -3384,7 +3384,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3384
3384
|
</div>
|
|
3385
3385
|
</div>
|
|
3386
3386
|
</dialog>
|
|
3387
|
-
`},styles:[q,
|
|
3387
|
+
`},styles:[Je,K,q,Ro]});var Ho=`@layer refine.base{:host{--_menu-panel-bg:var(--menu-panel-bg,var(--color-canvas));--_menu-panel-border-color:var(--menu-panel-border-color,var(--color-divider));--_menu-panel-blur:var(--menu-panel-blur,var(--blur-md));--_menu-panel-shadow:var(--menu-panel-shadow,var(--shadow-xl));display:inline-block;position:relative}.menu-panel{z-index:calc(var(--z-popover) + 1);box-sizing:border-box;min-width:var(--menu-panel-min-width,10rem);max-height:var(--menu-panel-max-height,min(70vh, 32rem));padding:var(--_panel-padding,var(--size-1));pointer-events:none;background:var(--_menu-panel-bg);border:var(--border) solid var(--_menu-panel-border-color);border-radius:var(--menu-panel-radius,var(--rounded-lg));box-shadow:var(--_menu-panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_menu-panel-blur));backdrop-filter:blur(var(--_menu-panel-blur));transform:translateY(var(--overlay-enter-translate-y)) scale(var(--overlay-enter-scale));transform-origin:0 0;transition:opacity .1s var(--ease-spring), transform .1s var(--ease-spring), display .1s allow-discrete, overlay .1s allow-discrete;margin:0;position:fixed;top:0;overflow-y:auto}.menu-panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.menu-panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.menu-panel[data-placement=top-start],.menu-panel[data-placement=top],.menu-panel[data-placement=top-end]{transform-origin:0 100%}.menu-panel[data-placement=bottom-end],.menu-panel[data-placement=right-start],.menu-panel[data-placement=right]{transform-origin:100% 0}.menu-panel[data-open]{pointer-events:auto;opacity:1;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring), display .15s allow-discrete, overlay .15s allow-discrete;transform:translateY(0)scale(1)}@starting-style{.menu-panel[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y)) scale(var(--overlay-enter-scale))}}::slotted(ore-menu-item),::slotted(ore-menu-separator){display:block}}`,Uo=`@layer refine.base{:host{--_menu-color:var(--menu-item-color,var(--_theme-base,var(--color-primary)));--_hover-bg:var(--menu-item-hover-bg,var(--color-contrast-100));--_focus-color:var(--menu-item-focus-color,var(--_menu-color));--_focus-bg:var(--menu-item-focus-bg,color-mix(in oklch, var(--_menu-color) 12%, var(--color-contrast-100)));--_selection-bg:var(--menu-item-selection-bg,color-mix(in oklch, var(--color-contrast-900) 5%, var(--color-canvas)));--_checked-color:var(--menu-item-checked-color,var(--_menu-color));--_checked-bg:var(--menu-item-checked-bg,color-mix(in oklch, var(--_menu-color) 18%, var(--color-canvas)));outline:none;display:block}.item{gap:var(--_gap,var(--size-2));padding:var(--_item-padding,var(--size-1-5) var(--size-3));font-size:var(--_font-size,var(--text-sm));line-height:var(--leading-normal);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), color var(--transition-fast);border-radius:0;align-items:center;display:flex}:host(:first-of-type) .item{border-radius:var(--rounded-sm) var(--rounded-sm) 0 0}:host(:last-child) .item{border-radius:0 0 var(--rounded-sm) var(--rounded-sm)}:host(:first-of-type:last-child) .item{border-radius:var(--rounded-sm)}:host(:not([disabled])) .item:hover{background:var(--_hover-bg)}:host(:focus-visible) .item{color:var(--_focus-color);background:var(--_focus-bg)}.item.is-checked{font-weight:var(--font-medium);color:var(--_checked-color)}:host([disabled]) .item{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;opacity:.6}.icon-slot{display:contents}.item-check{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;display:inline-flex}.item-check:before{content:"";width:.875rem;height:.875rem;transition:background var(--transition-fast), border-color var(--transition-fast);border:1.5px solid;display:block}.item.is-checkbox .item-check:before{border-radius:2px}.item.is-radio .item-check:before{border-radius:50%}.item.is-checked .item-check:before{background:currentColor}.item.is-radio.is-checked .item-check:before{background:0 0;box-shadow:inset 0 0 0 3px}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}}@media (pointer:coarse){.item{padding:var(--size-2-5) var(--size-3)}}`,Wo=`@layer refine.base{:host{margin:var(--_separator-margin,var(--size-1)) 0;border-top:var(--border) solid var(--color-contrast-200);display:block}}`,Go=`ore-menu-item`;i(Go,{props:{checked:m.bool(!1),disabled:m.bool(!1),type:m.string(),value:m.string()},setup(e){let t=()=>e.type.value===`checkbox`||e.type.value===`radio`,n=()=>t()&&e.checked.value;return t()?o`
|
|
3388
3388
|
<div
|
|
3389
3389
|
class="${()=>{let t=e.type.value;return[`item`,t===`checkbox`?`is-checkbox`:``,t===`radio`?`is-radio`:``,n()?`is-checked`:``].filter(Boolean).join(` `)}}"
|
|
3390
3390
|
tabindex="-1"
|
|
@@ -3400,7 +3400,7 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3400
3400
|
<span class="icon-slot"><slot name="icon"></slot></span>
|
|
3401
3401
|
<span class="item-label"><slot></slot></span>
|
|
3402
3402
|
</div>
|
|
3403
|
-
`},styles:[
|
|
3403
|
+
`},styles:[X,Uo]}),i(`ore-menu-separator`,{setup(){return o``},styles:[Wo]});var Ko=e=>e===`checkbox`||e===`radio`,qo=e=>e==null?void 0:e===``||e===`true`,Jo=`ore-menu`;i(Jo,{props:{...U,...W,"default-open":m.bool(!1),open:{default:void 0,parse:qo},placement:m.oneOf([`bottom`,`bottom-start`,`bottom-end`,`top`,`top-start`,`top-end`],`bottom-start`)},setup(t){let r=a(),i=b(),s=S(),c=C,l=n(`menu`),d=T(()=>!!t.disabled.value),f=Z(u),m=null,h=null,g=null;function _(){return Array.from(r.querySelectorAll(`ore-menu-item:not([disabled])`))}function v(e){return e?e.shadowRoot?.querySelector(`[role^="menuitem"]`)??e:null}function y(){return _().findIndex(e=>{let t=v(e);return e===document.activeElement||t===document.activeElement})}let x=D(!1),w=null,E=mn({getFloating:()=>h,getPlacement:()=>t.placement.value??`bottom-start`,getReference:()=>m,matchWidth:!1,offsetPx:4,padding:6}),O=un({disabled:T(()=>!x.value),getItems:_,isItemDisabled:e=>e.hasAttribute(`disabled`),onNavigate:(e,t)=>{let n=_()[t];v(n)?.focus()},signal:f}),A=(e=`programmatic`,t=!0)=>{x.value&&(x.value=!1,O.reset(),w?.(),w=null,t&&Ut(()=>m),i(`open-change`,{open:!1,reason:e}))},j=(e=`programmatic`)=>{d.value||x.value||(x.value=!0,E.update(),w=E.startAutoUpdate?.()??null,i(`open-change`,{open:!0,reason:e}))},M=()=>{x.value?A(`trigger`):j(`click`)};Ht({getTargets:()=>[r,h],isActive:()=>x.value,onDismiss:()=>A(`outsideClick`),signal:f});let N=!1;k(t.open,e=>{e===void 0?N?A(`programmatic`):t[`default-open`].value&&j(`programmatic`):e?j(`programmatic`):A(`programmatic`),N=!0},{immediate:!0}),f.addEventListener(`abort`,()=>{x.value&&(x.value=!1,O.reset(),w?.(),w=null)},{once:!0});let P=e=>{let t=e.getAttribute(`type`),n=Ko(t);if(t===`checkbox`)e.toggleAttribute(`checked`,!e.hasAttribute(`checked`));else if(t===`radio`)for(let t of r.querySelectorAll(`ore-menu-item[type="radio"]`))t.toggleAttribute(`checked`,t===e);let a=e.getAttribute(`value`)??``,o=n?e.hasAttribute(`checked`):void 0;i(`select`,{checked:o,value:a}),n||A(`programmatic`)},F=Ct({keys:[`Enter`,` `,`ArrowDown`],onPress:()=>{j(`keyboard`),requestAnimationFrame(()=>O.set(0))}}),I=Ct({onPress:()=>{let e=O.getActiveItem();e&&P(e)}});function L(e){if(d.value)return;if(!x.value){F.handleKeydown(e);return}let t=y();if(t>=0&&O.set(t),e.key===`Escape`){e.preventDefault(),A(`escape`);return}if(!O.handleKeydown(e)){if(e.key===` `||e.key===`Enter`){I.handleKeydown(e);return}e.key===`Tab`&&A(`programmatic`)}}e({on:{click:e=>{let t=e.composedPath();if(!x.value)return;let n=t.find(e=>e instanceof HTMLElement&&e.tagName===`ORE-MENU-ITEM`)??e.target?.closest(`ore-menu-item`)??null;!n||n.hasAttribute(`disabled`)||P(n)}}}),c(()=>{let e=x.value;h&&h.toggleAttribute(`data-open`,e)});function R(){if(g?.(),g=null,m=s.elements(`trigger`).value?.[0]??null,!m)return;let t=[],n=e({aria:{controls:()=>l,disabled:()=>d.value,expanded:()=>String(x.value),haspopup:`menu`}},{target:m}),r=e=>{e.stopPropagation(),!d.value&&M()},i=e=>{L(e)};m.addEventListener(`click`,r),m.addEventListener(`keydown`,i),t.push(()=>m?.removeEventListener(`click`,r)),t.push(()=>m?.removeEventListener(`keydown`,i)),g=()=>{n();for(let e of t)e()}}return k(s.elements(`trigger`),R,{immediate:!0}),p(()=>(R(),()=>{g?.(),g=null})),o`
|
|
3404
3404
|
<slot name="trigger"></slot>
|
|
3405
3405
|
<div
|
|
3406
3406
|
class="menu-panel"
|
|
@@ -3408,20 +3408,20 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3408
3408
|
id="${l}"
|
|
3409
3409
|
role="menu"
|
|
3410
3410
|
aria-orientation="vertical"
|
|
3411
|
-
@keydown="${
|
|
3411
|
+
@keydown="${L}"
|
|
3412
3412
|
ref="${e=>{h=e,h?.toggleAttribute(`data-open`,x.value)}}">
|
|
3413
3413
|
<slot></slot>
|
|
3414
3414
|
</div>
|
|
3415
|
-
`},styles:[
|
|
3415
|
+
`},styles:[Ho,Y(De),Je]});var Yo=`@layer refine.base{:host{--_panel-bg:var(--navigation-menu-bg,var(--color-canvas));--_panel-border:var(--navigation-menu-border-color,var(--color-divider));--_panel-shadow:var(--navigation-menu-shadow,var(--shadow-xl));display:inline-block;position:relative}.triggers{gap:var(--navigation-menu-trigger-gap,var(--size-1));align-items:center;display:flex}}`,Xo=`@layer refine.base{:host{display:inline-flex}.trigger{all:unset;box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target,var(--size-9));padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);align-items:center;display:inline-flex}.trigger:hover,.trigger[aria-expanded=true]{color:var(--color-primary);background:var(--color-contrast-100)}.trigger:focus-visible{outline:var(--focus-ring);outline-offset:var(--size-0-5)}.trigger:disabled{cursor:not-allowed;opacity:.6}::slotted(ore-icon){transition:transform var(--transition-fast);flex:none}:host([aria-expanded=true]) ::slotted(ore-icon){transform:rotate(180deg)}}`,Zo=`@layer refine.base{:host{inset:unset;z-index:var(--z-popover);box-sizing:border-box;width:min(var(--navigation-menu-panel-width,48rem), calc(100vw - var(--size-8)));max-height:min(var(--navigation-menu-panel-max-height,42rem), calc(100dvh - var(--size-12)));overscroll-behavior:contain;background:var(--navigation-menu-bg,var(--color-canvas));border:var(--border) solid var(--navigation-menu-border-color,var(--color-divider));border-radius:var(--navigation-menu-radius,var(--rounded-lg));box-shadow:var(--navigation-menu-shadow,var(--shadow-xl));-webkit-backdrop-filter:blur(var(--navigation-menu-backdrop-blur,var(--blur-xl))) saturate(180%);backdrop-filter:blur(var(--navigation-menu-backdrop-blur,var(--blur-xl))) saturate(180%);margin:0;display:none;position:fixed;overflow:auto}:host([hidden]){display:none}:host(:popover-open),:host([data-open]){display:block}.content{grid-template-columns:repeat(var(--navigation-menu-panel-columns,2), minmax(0, 1fr));gap:var(--size-3);padding:var(--size-5);grid-auto-rows:max-content;align-content:start;display:grid}.footer[hidden]{display:none}::slotted(a){min-width:0;padding:var(--size-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-700);border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none}::slotted(a:hover),::slotted(a:focus-visible){color:var(--color-primary);background:var(--color-contrast-100)}::slotted(a:focus-visible){outline:var(--focus-ring);outline-offset:var(--size-0-5)}::slotted(a[slot=footer]){gap:var(--size-2);padding:var(--size-3) var(--size-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);border-top:var(--border) solid var(--color-divider);justify-content:space-between;align-items:center;text-decoration:none;display:flex}::slotted(a[slot=footer]:hover),::slotted(a[slot=footer]:focus-visible){background:var(--color-contrast-100)}}`,Qo=e=>e??void 0,$o=`ore-navigation-menu-item`;i($o,{props:{disabled:m.bool(!1),value:m.string(``)},setup(e){return o`
|
|
3416
3416
|
<button class="trigger" type="button" ?disabled=${e.disabled}><slot></slot></button>
|
|
3417
|
-
`},styles:[
|
|
3417
|
+
`},styles:[Xo]});var es=`ore-navigation-menu-panel`;i(es,{props:{for:m.string()},setup(){let e=S();return o`
|
|
3418
3418
|
<div class="content" part="content"><slot></slot></div>
|
|
3419
3419
|
<div class="footer" part="footer" ?hidden=${()=>!e.has(`footer`).value}><slot name="footer"></slot></div>
|
|
3420
|
-
`},styles:[
|
|
3420
|
+
`},styles:[Zo]});var ts=`ore-navigation-menu`;i(ts,{props:{...W,"close-on-select":m.bool(!0),columns:m.number(),"default-open":m.string(),label:m.string(`Navigation menu`),open:{default:void 0,parse:Qo},placement:m.oneOf([`bottom-end`,`bottom-start`],`bottom-start`)},setup(e){let t=a(),r=b(),i=Z(u),s=n(`navigation-menu`),c=T(()=>e.disabled.value),l=D(null),d=null,f=null,m=null,h=()=>Array.from(t.querySelectorAll(`${$o}:not([disabled])`)),g=e=>e.getAttribute(`value`)??``,_=()=>Array.from(t.querySelectorAll(es)),v=e=>_().find(t=>t.getAttribute(`for`)===e)??null,y=()=>e.open.value!==void 0,x=e=>e.id||=n(`navigation-menu-panel`),S=mn({getFloating:()=>f,getPlacement:()=>e.placement.value??`bottom-start`,getReference:()=>d?.shadowRoot?.querySelector(`.trigger`)??d,matchWidth:!1,offsetPx:8,useClippingAncestor:!1}),C=()=>{let t=e.columns.value;return t===void 0?void 0:Math.max(1,Math.trunc(t))},w=e=>{if(e.hidden=!1,e.dataset.open=``,`showPopover`in e)try{e.matches(`:popover-open`)||e.showPopover()}catch{}},E=e=>{if(delete e.dataset.open,`hidePopover`in e)try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}e.hidden=!0},O=e=>{let t=e===null?null:v(e);m?.(),m=null,l.value=e,d=e?h().find(t=>g(t)===e)??null:null,f=t;for(let t of h()){let n=g(t)===e,r=t.shadowRoot?.querySelector(`.trigger`);t.setAttribute(`aria-expanded`,String(n)),r?.setAttribute(`aria-expanded`,String(n))}for(let e of _())e!==t&&E(e);if(t){let e=C();e!==void 0&&t.style.setProperty(`--navigation-menu-panel-columns`,String(e)),t.setAttribute(`aria-labelledby`,d?.id??``),w(t),S.update(),m=S.startAutoUpdate?.()??null}},A=(e,t)=>{c.value||l.value===e||e!==null&&!v(e)||(y()||O(e),r(`open-change`,{open:e!==null,reason:t,value:e}))};return u(()=>{m?.();for(let e of _())E(e)}),Ht({getTargets:()=>[t,f],isActive:()=>l.value!==null,onDismiss:()=>A(null,`outsideClick`),signal:i}),p(()=>{let t=new Set;for(let t of _())t.setAttribute(`popover`,`manual`),t.setAttribute(`role`,`region`),x(t),E(t),t.addEventListener(`click`,n=>{let i=n.target instanceof Element?n.target.closest(`a[href]`):null;if(!i||!t.contains(i))return;let a=l.value;a&&(r(`select`,{href:i.href,value:a}),e[`close-on-select`].value&&!i.closest(`[data-navigation-menu-keep-open]`)&&A(null,`select`))},{signal:i});document.addEventListener(`keydown`,e=>{e.key===`Escape`&&l.value!==null&&(e.preventDefault(),A(null,`escape`),d?.shadowRoot?.querySelector(`.trigger`)?.focus())},{signal:i});for(let e of h()){let r=g(e),a=v(r);if(!r||t.has(r)||!a)continue;t.add(r),e.id||=n(`navigation-menu-trigger`);let o=e.shadowRoot?.querySelector(`.trigger`);o&&(o.setAttribute(`aria-controls`,x(a)),o.setAttribute(`aria-haspopup`,`true`),o.setAttribute(`aria-expanded`,`false`),e.setAttribute(`aria-expanded`,`false`),o.addEventListener(`click`,()=>A(l.value===r?null:r,`click`),{signal:i}),o.addEventListener(`keydown`,t=>{let n=h(),i=n.indexOf(e);t.key===`ArrowLeft`||t.key===`ArrowRight`||t.key===`Home`||t.key===`End`?(t.preventDefault(),(t.key===`Home`?n[0]:t.key===`End`?n.at(-1):n[(i+(t.key===`ArrowRight`?1:n.length-1))%n.length])?.shadowRoot?.querySelector(`.trigger`)?.focus()):t.key===`ArrowDown`&&(t.preventDefault(),A(r,`keyboard`),requestAnimationFrame(()=>f?.querySelector(`a, button, input, [tabindex]:not([tabindex="-1"])`)?.focus()))},{signal:i}))}e.open.value===void 0?e[`default-open`].value&&O(e[`default-open`].value):O(e.open.value)}),k(e.open,e=>{e!==void 0&&O(e)}),k(e.disabled,e=>{e&&O(null)}),o`
|
|
3421
3421
|
<nav class="triggers" aria-label="${e.label}" id="${s}"><slot></slot></nav>
|
|
3422
3422
|
<slot name="panel"></slot>
|
|
3423
3423
|
<slot name="footer"></slot>
|
|
3424
|
-
`},styles:[
|
|
3424
|
+
`},styles:[q,Yo]});var ns=`.tooltip{inset:unset;padding:calc(var(--size-0-5) / 2) var(--size-2) var(--size-0-5);border:var(--_tooltip-border-width,var(--border-0)) solid var(--_tooltip-border-color,transparent);transform-origin:50%;margin:0;overflow:visible}@layer refine.base{:host{display:inline-block;position:relative}.tooltip{--_tooltip-fg:var(--color-contrast-100);--_tooltip-bg:color-mix(in oklch, var(--color-contrast-900) 80%, transparent);--_tooltip-border-width:var(--border);--_tooltip-border-color:color-mix(in oklch, var(--color-contrast-100) 12%, transparent);--_tooltip-shadow:var(--shadow-md);--_tooltip-closed-transform:translateY(4px) scale(.98);max-width:var(--tooltip-max-width,var(--size-72));font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--_tooltip-fg);word-break:auto-phrase;white-space:normal;pointer-events:none;background:var(--_tooltip-bg);border-radius:var(--tooltip-radius,var(--rounded-lg));box-shadow:var(--_tooltip-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:var(--_tooltip-closed-transform);transition:opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete;position:fixed}@media (prefers-color-scheme:dark){.tooltip{--_tooltip-fg:var(--color-contrast-900);--_tooltip-bg:color-mix(in oklch, var(--color-contrast-100) 80%, transparent);--_tooltip-border-color:color-mix(in oklch, var(--color-contrast-900) 12%, transparent)}}.tooltip-text{white-space:pre-line;display:block}.tooltip[data-placement=top]{--_tooltip-closed-transform:translateY(4px) scale(var(--overlay-enter-scale-dialog))}.tooltip[data-placement=bottom]{--_tooltip-closed-transform:translateY(-4px) scale(var(--overlay-enter-scale-dialog))}.tooltip[data-placement=left]{--_tooltip-closed-transform:translateX(4px) scale(var(--overlay-enter-scale-dialog))}.tooltip[data-placement=right]{--_tooltip-closed-transform:translateX(-4px) scale(var(--overlay-enter-scale-dialog))}.tooltip[data-open]{opacity:1;transition:opacity var(--transition-normal), transform var(--transition-spring), display var(--transition-normal) allow-discrete, overlay var(--transition-normal) allow-discrete;will-change:opacity, transform;display:block;transform:translate(0)scale(1)}.tooltip:popover-open{opacity:1;transition:opacity var(--transition-normal), transform var(--transition-spring), display var(--transition-normal) allow-discrete, overlay var(--transition-normal) allow-discrete;will-change:opacity, transform;transform:translate(0)scale(1)}@starting-style{.tooltip:popover-open{opacity:0;transform:var(--_tooltip-closed-transform)}}@starting-style{.tooltip[data-open]{opacity:0;transform:var(--_tooltip-closed-transform)}}}@layer refine.variants{:host([variant=light]) .tooltip{--_tooltip-fg:var(--color-contrast-900);--_tooltip-bg:color-mix(in oklch, var(--color-contrast-100) 80%, transparent);--_tooltip-border-color:color-mix(in oklch, var(--color-contrast-900) 12%, transparent);--_tooltip-shadow:var(--shadow-md)}@media (prefers-color-scheme:dark){:host([variant=light]) .tooltip{--_tooltip-fg:var(--color-contrast-100);--_tooltip-bg:color-mix(in oklch, var(--color-contrast-900) 80%, transparent);--_tooltip-border-color:color-mix(in oklch, var(--color-contrast-100) 12%, transparent)}}}@layer refine.utilities{:host([size=sm]) .tooltip{font-size:var(--text-xs)}:host([size=lg]) .tooltip{font-size:var(--text-base)}}`,rs=4,is=[`hover`,`focus`],as=new Set([`click`,`focus`,`hover`]),os=e=>{if(e==null||e.trim()===``)return 0;let t=Number(e);return Number.isFinite(t)&&t>=0?t:0},ss=e=>e==null?void 0:e===``||e===`true`,cs=e=>gn(e,as,is),ls=`ore-tooltip`;i(ls,{props:{...U,...W,"close-delay":{default:0,parse:os},content:m.string(),"default-open":m.bool(!1),delay:{default:0,parse:os},open:{default:void 0,parse:ss},placement:m.oneOf([`top`,`bottom`,`left`,`right`],`top`),trigger:m.string(`hover,focus`),variant:m.string()},setup(t){let r=a(),i=b(),s=S(),c=r.shadowRoot,l=T(()=>!!t.disabled.value),d=T(()=>t.open.value!==void 0),f=D(`top`),m=n(`tooltip`),h=T(()=>cs(t.trigger.value)),g=null,_=null,v=null,y=()=>{_&&=(clearTimeout(_),null)},x=()=>{v&&=(clearTimeout(v),null)},C=Bi({bindTriggerAria:t=>e({aria:{describedby:()=>m}},{target:t}),defaultOpen:t[`default-open`],disabled:l,getPanel:()=>g,offset:8,onCleanup:u,onClose:e=>i(`open-change`,{open:!1,reason:e}),onOpen:e=>i(`open-change`,{open:!0,reason:e}),onPlacementChange:e=>{let t=e.split(`-`)[0];f.value=t,t===`left`&&g&&(g.style.left=`${parseFloat(g.style.left)-rs}px`)},openProp:t.open,placement:T(()=>t.placement.value),slot:()=>c?.querySelector(`slot:not([name])`)??null,slotElements:s.elements(),triggers:T(()=>[])});function w(e=`hover`){if(d.value||l.value||!t.content.value&&!s.has(`content`).value)return;x(),y();let n=Number(t.delay.value)||0;n>0?_=setTimeout(()=>{_=null,C.open(e),C.updatePosition()},n):(C.open(e),C.updatePosition())}function E(){if(d.value)return;y();let e=Number(t[`close-delay`].value)||0;e>0?(x(),v=setTimeout(()=>{v=null,C.close(`trigger`)},e)):C.close(`trigger`)}return p(()=>{let e=c?.querySelector(`slot:not([name])`),t=[],n=(e,n,r)=>{e.addEventListener(n,r),t.push(()=>e.removeEventListener(n,r))},r=()=>{for(let e of t)e();t=[];let r=e?.assignedElements({flatten:!0})[0];if(!r)return;let i=h.value;i.includes(`hover`)&&(n(r,`pointerenter`,()=>w(`hover`)),n(r,`pointerleave`,E)),i.includes(`focus`)&&(n(r,`focusin`,()=>w(`focus`)),n(r,`focusout`,E)),i.includes(`click`)&&n(r,`click`,()=>C.visible.value?E():w(`click`))};e?.addEventListener(`slotchange`,r),r();let i=C.mount();return()=>{e?.removeEventListener(`slotchange`,r);for(let e of t)e();y(),x(),i()}}),o`
|
|
3425
3425
|
<slot></slot>
|
|
3426
3426
|
<div
|
|
3427
3427
|
class="tooltip"
|
|
@@ -3434,5 +3434,5 @@ import{bind as e,createContext as t,createStableId as n,css as r,define as i,get
|
|
|
3434
3434
|
aria-hidden="${()=>String(!C.visible.value)}">
|
|
3435
3435
|
<slot name="content"><span class="tooltip-text">${t.content}</span></slot>
|
|
3436
3436
|
</div>
|
|
3437
|
-
`},styles:[
|
|
3437
|
+
`},styles:[Je,ns]});var us={content:Or,disclosure:Hr,feedback:gi,inputs:Ga,layout:Co,overlay:V({COMMAND_PALETTE_ITEM_TAG:()=>No,COMMAND_PALETTE_TAG:()=>Po,DIALOG_TAG:()=>Lo,DRAWER_TAG:()=>Vo,MENU_ITEM_TAG:()=>Go,MENU_TAG:()=>Jo,NAVIGATION_MENU_ITEM_TAG:()=>$o,NAVIGATION_MENU_PANEL_TAG:()=>es,NAVIGATION_MENU_TAG:()=>ts,POPOVER_TAG:()=>qi,TOOLTIP_TAG:()=>ls})};export{us as components};
|
|
3438
3438
|
//# sourceMappingURL=refine.js.map
|