@vielzeug/refine 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +89 -0
- package/dist/_dev.cjs +2 -0
- package/dist/_dev.cjs.map +1 -0
- package/dist/_dev.d.ts +2 -0
- package/dist/_dev.d.ts.map +1 -0
- package/dist/_dev.js +9 -0
- package/dist/_dev.js.map +1 -0
- package/dist/_virtual/_rolldown/runtime.cjs +1 -0
- package/dist/accordion-item.cjs +26 -0
- package/dist/accordion-item.cjs.map +1 -0
- package/dist/accordion-item.js +124 -0
- package/dist/accordion-item.js.map +1 -0
- package/dist/accordion.cjs +2 -0
- package/dist/accordion.cjs.map +1 -0
- package/dist/accordion.js +47 -0
- package/dist/accordion.js.map +1 -0
- package/dist/alert.cjs +36 -0
- package/dist/alert.cjs.map +1 -0
- package/dist/alert.js +93 -0
- package/dist/alert.js.map +1 -0
- package/dist/async.cjs +55 -0
- package/dist/async.cjs.map +1 -0
- package/dist/async.js +99 -0
- package/dist/async.js.map +1 -0
- package/dist/avatar.cjs +18 -0
- package/dist/avatar.cjs.map +1 -0
- package/dist/avatar.js +108 -0
- package/dist/avatar.js.map +1 -0
- package/dist/badge.cjs +7 -0
- package/dist/badge.cjs.map +1 -0
- package/dist/badge.js +65 -0
- package/dist/badge.js.map +1 -0
- package/dist/box.cjs +2 -0
- package/dist/box.cjs.map +1 -0
- package/dist/box.js +31 -0
- package/dist/box.js.map +1 -0
- package/dist/breadcrumb.cjs +21 -0
- package/dist/breadcrumb.cjs.map +1 -0
- package/dist/breadcrumb.js +57 -0
- package/dist/breadcrumb.js.map +1 -0
- package/dist/button-group.cjs +6 -0
- package/dist/button-group.cjs.map +1 -0
- package/dist/button-group.js +33 -0
- package/dist/button-group.js.map +1 -0
- package/dist/button.cjs +18 -0
- package/dist/button.cjs.map +1 -0
- package/dist/button.js +124 -0
- package/dist/button.js.map +1 -0
- package/dist/calendar.cjs +126 -0
- package/dist/calendar.cjs.map +1 -0
- package/dist/calendar.js +300 -0
- package/dist/calendar.js.map +1 -0
- package/dist/card.cjs +23 -0
- package/dist/card.cjs.map +1 -0
- package/dist/card.js +87 -0
- package/dist/card.js.map +1 -0
- package/dist/carousel.cjs +61 -0
- package/dist/carousel.cjs.map +1 -0
- package/dist/carousel.js +280 -0
- package/dist/carousel.js.map +1 -0
- package/dist/checkbox-group.cjs +18 -0
- package/dist/checkbox-group.cjs.map +1 -0
- package/dist/checkbox-group.js +118 -0
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox.cjs +11 -0
- package/dist/checkbox.cjs.map +1 -0
- package/dist/checkbox.js +88 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/chip.cjs +42 -0
- package/dist/chip.cjs.map +1 -0
- package/dist/chip.js +133 -0
- package/dist/chip.js.map +1 -0
- package/dist/code-window.cjs +19 -0
- package/dist/code-window.cjs.map +1 -0
- package/dist/code-window.js +41 -0
- package/dist/code-window.js.map +1 -0
- package/dist/combobox.cjs +103 -0
- package/dist/combobox.cjs.map +1 -0
- package/dist/combobox.js +444 -0
- package/dist/combobox.js.map +1 -0
- package/dist/content/avatar/avatar-group.css?inline.cjs +2 -0
- package/dist/content/avatar/avatar-group.css?inline.cjs.map +1 -0
- package/dist/content/avatar/avatar-group.css?inline.js +6 -0
- package/dist/content/avatar/avatar-group.css?inline.js.map +1 -0
- package/dist/content/avatar/avatar.css?inline.cjs +2 -0
- package/dist/content/avatar/avatar.css?inline.cjs.map +1 -0
- package/dist/content/avatar/avatar.css?inline.js +6 -0
- package/dist/content/avatar/avatar.css?inline.js.map +1 -0
- package/dist/content/avatar/avatar.d.ts +88 -0
- package/dist/content/avatar/avatar.d.ts.map +1 -0
- package/dist/content/breadcrumb/breadcrumb-item.css?inline.cjs +2 -0
- package/dist/content/breadcrumb/breadcrumb-item.css?inline.cjs.map +1 -0
- package/dist/content/breadcrumb/breadcrumb-item.css?inline.js +6 -0
- package/dist/content/breadcrumb/breadcrumb-item.css?inline.js.map +1 -0
- package/dist/content/breadcrumb/breadcrumb.css?inline.cjs +2 -0
- package/dist/content/breadcrumb/breadcrumb.css?inline.cjs.map +1 -0
- package/dist/content/breadcrumb/breadcrumb.css?inline.js +6 -0
- package/dist/content/breadcrumb/breadcrumb.css?inline.js.map +1 -0
- package/dist/content/breadcrumb/breadcrumb.d.ts +57 -0
- package/dist/content/breadcrumb/breadcrumb.d.ts.map +1 -0
- package/dist/content/card/card.css?inline.cjs +2 -0
- package/dist/content/card/card.css?inline.cjs.map +1 -0
- package/dist/content/card/card.css?inline.js +6 -0
- package/dist/content/card/card.css?inline.js.map +1 -0
- package/dist/content/card/card.d.ts +74 -0
- package/dist/content/card/card.d.ts.map +1 -0
- package/dist/content/carousel/carousel-slide.cjs +2 -0
- package/dist/content/carousel/carousel-slide.cjs.map +1 -0
- package/dist/content/carousel/carousel-slide.css?inline.cjs +2 -0
- package/dist/content/carousel/carousel-slide.css?inline.cjs.map +1 -0
- package/dist/content/carousel/carousel-slide.css?inline.js +6 -0
- package/dist/content/carousel/carousel-slide.css?inline.js.map +1 -0
- package/dist/content/carousel/carousel-slide.d.ts +2 -0
- package/dist/content/carousel/carousel-slide.d.ts.map +1 -0
- package/dist/content/carousel/carousel-slide.js +18 -0
- package/dist/content/carousel/carousel-slide.js.map +1 -0
- package/dist/content/carousel/carousel.css?inline.cjs +2 -0
- package/dist/content/carousel/carousel.css?inline.cjs.map +1 -0
- package/dist/content/carousel/carousel.css?inline.js +6 -0
- package/dist/content/carousel/carousel.css?inline.js.map +1 -0
- package/dist/content/carousel/carousel.d.ts +110 -0
- package/dist/content/carousel/carousel.d.ts.map +1 -0
- package/dist/content/carousel/index.d.ts +3 -0
- package/dist/content/carousel/index.d.ts.map +1 -0
- package/dist/content/code-window/code-window.css?inline.cjs +2 -0
- package/dist/content/code-window/code-window.css?inline.cjs.map +1 -0
- package/dist/content/code-window/code-window.css?inline.js +6 -0
- package/dist/content/code-window/code-window.css?inline.js.map +1 -0
- package/dist/content/code-window/code-window.d.ts +61 -0
- package/dist/content/code-window/code-window.d.ts.map +1 -0
- package/dist/content/copy-command/copy-command.css?inline.cjs +2 -0
- package/dist/content/copy-command/copy-command.css?inline.cjs.map +1 -0
- package/dist/content/copy-command/copy-command.css?inline.js +6 -0
- package/dist/content/copy-command/copy-command.css?inline.js.map +1 -0
- package/dist/content/copy-command/copy-command.d.ts +66 -0
- package/dist/content/copy-command/copy-command.d.ts.map +1 -0
- package/dist/content/icon/icon.css?inline.cjs +2 -0
- package/dist/content/icon/icon.css?inline.cjs.map +1 -0
- package/dist/content/icon/icon.css?inline.js +6 -0
- package/dist/content/icon/icon.css?inline.js.map +1 -0
- package/dist/content/icon/icon.d.ts +45 -0
- package/dist/content/icon/icon.d.ts.map +1 -0
- package/dist/content/index.d.ts +23 -0
- package/dist/content/index.d.ts.map +1 -0
- package/dist/content/pagination/pagination.css?inline.cjs +2 -0
- package/dist/content/pagination/pagination.css?inline.cjs.map +1 -0
- package/dist/content/pagination/pagination.css?inline.js +6 -0
- package/dist/content/pagination/pagination.css?inline.js.map +1 -0
- package/dist/content/pagination/pagination.d.ts +61 -0
- package/dist/content/pagination/pagination.d.ts.map +1 -0
- package/dist/content/separator/separator.css?inline.cjs +2 -0
- package/dist/content/separator/separator.css?inline.cjs.map +1 -0
- package/dist/content/separator/separator.css?inline.js +6 -0
- package/dist/content/separator/separator.css?inline.js.map +1 -0
- package/dist/content/separator/separator.d.ts +38 -0
- package/dist/content/separator/separator.d.ts.map +1 -0
- package/dist/content/table/table.css?inline.cjs +2 -0
- package/dist/content/table/table.css?inline.cjs.map +1 -0
- package/dist/content/table/table.css?inline.js +6 -0
- package/dist/content/table/table.css?inline.js.map +1 -0
- package/dist/content/table/table.d.ts +76 -0
- package/dist/content/table/table.d.ts.map +1 -0
- package/dist/content/text/text.css?inline.cjs +2 -0
- package/dist/content/text/text.css?inline.cjs.map +1 -0
- package/dist/content/text/text.css?inline.js +6 -0
- package/dist/content/text/text.css?inline.js.map +1 -0
- package/dist/content/text/text.d.ts +55 -0
- package/dist/content/text/text.d.ts.map +1 -0
- package/dist/copy-command.cjs +17 -0
- package/dist/copy-command.cjs.map +1 -0
- package/dist/copy-command.js +55 -0
- package/dist/copy-command.js.map +1 -0
- package/dist/custom-elements.json +12641 -0
- package/dist/datagrid.cjs +435 -0
- package/dist/datagrid.cjs.map +1 -0
- package/dist/datagrid.js +764 -0
- package/dist/datagrid.js.map +1 -0
- package/dist/date-picker.cjs +133 -0
- package/dist/date-picker.cjs.map +1 -0
- package/dist/date-picker.js +315 -0
- package/dist/date-picker.js.map +1 -0
- package/dist/dialog.cjs +28 -0
- package/dist/dialog.cjs.map +1 -0
- package/dist/dialog.js +88 -0
- package/dist/dialog.js.map +1 -0
- package/dist/disclosure/accordion/accordion.css?inline.cjs +2 -0
- package/dist/disclosure/accordion/accordion.css?inline.cjs.map +1 -0
- package/dist/disclosure/accordion/accordion.css?inline.js +6 -0
- package/dist/disclosure/accordion/accordion.css?inline.js.map +1 -0
- package/dist/disclosure/accordion/accordion.d.ts +62 -0
- package/dist/disclosure/accordion/accordion.d.ts.map +1 -0
- package/dist/disclosure/accordion-item/accordion-item.css?inline.cjs +2 -0
- package/dist/disclosure/accordion-item/accordion-item.css?inline.cjs.map +1 -0
- package/dist/disclosure/accordion-item/accordion-item.css?inline.js +6 -0
- package/dist/disclosure/accordion-item/accordion-item.css?inline.js.map +1 -0
- package/dist/disclosure/accordion-item/accordion-item.d.ts +70 -0
- package/dist/disclosure/accordion-item/accordion-item.d.ts.map +1 -0
- package/dist/disclosure/index.d.ts +11 -0
- package/dist/disclosure/index.d.ts.map +1 -0
- package/dist/disclosure/tab-item/tab-item.css?inline.cjs +2 -0
- package/dist/disclosure/tab-item/tab-item.css?inline.cjs.map +1 -0
- package/dist/disclosure/tab-item/tab-item.css?inline.js +6 -0
- package/dist/disclosure/tab-item/tab-item.css?inline.js.map +1 -0
- package/dist/disclosure/tab-item/tab-item.d.ts +49 -0
- package/dist/disclosure/tab-item/tab-item.d.ts.map +1 -0
- package/dist/disclosure/tab-panel/tab-panel.css?inline.cjs +2 -0
- package/dist/disclosure/tab-panel/tab-panel.css?inline.cjs.map +1 -0
- package/dist/disclosure/tab-panel/tab-panel.css?inline.js +6 -0
- package/dist/disclosure/tab-panel/tab-panel.css?inline.js.map +1 -0
- package/dist/disclosure/tab-panel/tab-panel.d.ts +33 -0
- package/dist/disclosure/tab-panel/tab-panel.d.ts.map +1 -0
- package/dist/disclosure/tabs/tabs.css?inline.cjs +2 -0
- package/dist/disclosure/tabs/tabs.css?inline.cjs.map +1 -0
- package/dist/disclosure/tabs/tabs.css?inline.js +6 -0
- package/dist/disclosure/tabs/tabs.css?inline.js.map +1 -0
- package/dist/disclosure/tabs/tabs.d.ts +75 -0
- package/dist/disclosure/tabs/tabs.d.ts.map +1 -0
- package/dist/drawer.cjs +32 -0
- package/dist/drawer.cjs.map +1 -0
- package/dist/drawer.js +199 -0
- package/dist/drawer.js.map +1 -0
- package/dist/errors.cjs +2 -0
- package/dist/errors.cjs.map +1 -0
- package/dist/errors.d.ts +9 -0
- package/dist/errors.d.ts.map +1 -0
- package/dist/errors.js +13 -0
- package/dist/errors.js.map +1 -0
- package/dist/feedback/alert/alert.css?inline.cjs +2 -0
- package/dist/feedback/alert/alert.css?inline.cjs.map +1 -0
- package/dist/feedback/alert/alert.css?inline.js +6 -0
- package/dist/feedback/alert/alert.css?inline.js.map +1 -0
- package/dist/feedback/alert/alert.d.ts +74 -0
- package/dist/feedback/alert/alert.d.ts.map +1 -0
- package/dist/feedback/async/async.css?inline.cjs +2 -0
- package/dist/feedback/async/async.css?inline.cjs.map +1 -0
- package/dist/feedback/async/async.css?inline.js +6 -0
- package/dist/feedback/async/async.css?inline.js.map +1 -0
- package/dist/feedback/async/async.d.ts +54 -0
- package/dist/feedback/async/async.d.ts.map +1 -0
- package/dist/feedback/badge/badge.css?inline.cjs +2 -0
- package/dist/feedback/badge/badge.css?inline.cjs.map +1 -0
- package/dist/feedback/badge/badge.css?inline.js +6 -0
- package/dist/feedback/badge/badge.css?inline.js.map +1 -0
- package/dist/feedback/badge/badge.d.ts +69 -0
- package/dist/feedback/badge/badge.d.ts.map +1 -0
- package/dist/feedback/chip/chip.css?inline.cjs +2 -0
- package/dist/feedback/chip/chip.css?inline.cjs.map +1 -0
- package/dist/feedback/chip/chip.css?inline.js +6 -0
- package/dist/feedback/chip/chip.css?inline.js.map +1 -0
- package/dist/feedback/chip/chip.d.ts +136 -0
- package/dist/feedback/chip/chip.d.ts.map +1 -0
- package/dist/feedback/index.d.ts +17 -0
- package/dist/feedback/index.d.ts.map +1 -0
- package/dist/feedback/password-strength/password-strength.css?inline.cjs +2 -0
- package/dist/feedback/password-strength/password-strength.css?inline.cjs.map +1 -0
- package/dist/feedback/password-strength/password-strength.css?inline.js +6 -0
- package/dist/feedback/password-strength/password-strength.css?inline.js.map +1 -0
- package/dist/feedback/password-strength/password-strength.d.ts +66 -0
- package/dist/feedback/password-strength/password-strength.d.ts.map +1 -0
- package/dist/feedback/progress/progress.css?inline.cjs +2 -0
- package/dist/feedback/progress/progress.css?inline.cjs.map +1 -0
- package/dist/feedback/progress/progress.css?inline.js +6 -0
- package/dist/feedback/progress/progress.css?inline.js.map +1 -0
- package/dist/feedback/progress/progress.d.ts +68 -0
- package/dist/feedback/progress/progress.d.ts.map +1 -0
- package/dist/feedback/skeleton/skeleton.css?inline.cjs +2 -0
- package/dist/feedback/skeleton/skeleton.css?inline.cjs.map +1 -0
- package/dist/feedback/skeleton/skeleton.css?inline.js +6 -0
- package/dist/feedback/skeleton/skeleton.css?inline.js.map +1 -0
- package/dist/feedback/skeleton/skeleton.d.ts +63 -0
- package/dist/feedback/skeleton/skeleton.d.ts.map +1 -0
- package/dist/feedback/toast/index.d.ts +2 -0
- package/dist/feedback/toast/index.d.ts.map +1 -0
- package/dist/feedback/toast/toast.css?inline.cjs +2 -0
- package/dist/feedback/toast/toast.css?inline.cjs.map +1 -0
- package/dist/feedback/toast/toast.css?inline.js +6 -0
- package/dist/feedback/toast/toast.css?inline.js.map +1 -0
- package/dist/feedback/toast/toast.d.ts +127 -0
- package/dist/feedback/toast/toast.d.ts.map +1 -0
- package/dist/file-input.cjs +70 -0
- package/dist/file-input.cjs.map +1 -0
- package/dist/file-input.js +209 -0
- package/dist/file-input.js.map +1 -0
- package/dist/form.cjs +11 -0
- package/dist/form.cjs.map +1 -0
- package/dist/form.js +56 -0
- package/dist/form.js.map +1 -0
- package/dist/grid-item.cjs +2 -0
- package/dist/grid-item.cjs.map +1 -0
- package/dist/grid-item.js +35 -0
- package/dist/grid-item.js.map +1 -0
- package/dist/grid.cjs +2 -0
- package/dist/grid.cjs.map +1 -0
- package/dist/grid.js +90 -0
- package/dist/grid.js.map +1 -0
- package/dist/headless/_internal.d.ts +17 -0
- package/dist/headless/_internal.d.ts.map +1 -0
- package/dist/headless/announcer.cjs +2 -0
- package/dist/headless/announcer.cjs.map +1 -0
- package/dist/headless/announcer.d.ts +25 -0
- package/dist/headless/announcer.d.ts.map +1 -0
- package/dist/headless/announcer.js +24 -0
- package/dist/headless/announcer.js.map +1 -0
- package/dist/headless/checkable.cjs +2 -0
- package/dist/headless/checkable.cjs.map +1 -0
- package/dist/headless/checkable.d.ts +42 -0
- package/dist/headless/checkable.d.ts.map +1 -0
- package/dist/headless/checkable.js +36 -0
- package/dist/headless/checkable.js.map +1 -0
- package/dist/headless/choice-field.cjs +2 -0
- package/dist/headless/choice-field.cjs.map +1 -0
- package/dist/headless/choice-field.d.ts +36 -0
- package/dist/headless/choice-field.d.ts.map +1 -0
- package/dist/headless/choice-field.js +42 -0
- package/dist/headless/choice-field.js.map +1 -0
- package/dist/headless/datagrid.cjs +2 -0
- package/dist/headless/datagrid.cjs.map +1 -0
- package/dist/headless/datagrid.d.ts +158 -0
- package/dist/headless/datagrid.d.ts.map +1 -0
- package/dist/headless/datagrid.js +55 -0
- package/dist/headless/datagrid.js.map +1 -0
- package/dist/headless/date-picker.cjs +2 -0
- package/dist/headless/date-picker.cjs.map +1 -0
- package/dist/headless/date-picker.d.ts +114 -0
- package/dist/headless/date-picker.d.ts.map +1 -0
- package/dist/headless/date-picker.js +184 -0
- package/dist/headless/date-picker.js.map +1 -0
- package/dist/headless/dialog-focus.cjs +2 -0
- package/dist/headless/dialog-focus.cjs.map +1 -0
- package/dist/headless/dialog-focus.d.ts +40 -0
- package/dist/headless/dialog-focus.d.ts.map +1 -0
- package/dist/headless/dialog-focus.js +22 -0
- package/dist/headless/dialog-focus.js.map +1 -0
- package/dist/headless/direction.cjs +2 -0
- package/dist/headless/direction.cjs.map +1 -0
- package/dist/headless/direction.d.ts +11 -0
- package/dist/headless/direction.d.ts.map +1 -0
- package/dist/headless/direction.js +14 -0
- package/dist/headless/direction.js.map +1 -0
- package/dist/headless/field-base.cjs +2 -0
- package/dist/headless/field-base.cjs.map +1 -0
- package/dist/headless/field-base.d.ts +148 -0
- package/dist/headless/field-base.d.ts.map +1 -0
- package/dist/headless/field-base.js +46 -0
- package/dist/headless/field-base.js.map +1 -0
- package/dist/headless/focus-trap.cjs +2 -0
- package/dist/headless/focus-trap.cjs.map +1 -0
- package/dist/headless/focus-trap.d.ts +45 -0
- package/dist/headless/focus-trap.d.ts.map +1 -0
- package/dist/headless/focus-trap.js +51 -0
- package/dist/headless/focus-trap.js.map +1 -0
- package/dist/headless/focus.cjs +2 -0
- package/dist/headless/focus.cjs.map +1 -0
- package/dist/headless/focus.d.ts +34 -0
- package/dist/headless/focus.d.ts.map +1 -0
- package/dist/headless/focus.js +34 -0
- package/dist/headless/focus.js.map +1 -0
- package/dist/headless/index.d.ts +28 -0
- package/dist/headless/index.d.ts.map +1 -0
- package/dist/headless/keyboard.cjs +2 -0
- package/dist/headless/keyboard.cjs.map +1 -0
- package/dist/headless/keyboard.d.ts +52 -0
- package/dist/headless/keyboard.d.ts.map +1 -0
- package/dist/headless/keyboard.js +29 -0
- package/dist/headless/keyboard.js.map +1 -0
- package/dist/headless/light-dom.cjs +2 -0
- package/dist/headless/light-dom.cjs.map +1 -0
- package/dist/headless/light-dom.d.ts +12 -0
- package/dist/headless/light-dom.d.ts.map +1 -0
- package/dist/headless/light-dom.js +6 -0
- package/dist/headless/light-dom.js.map +1 -0
- package/dist/headless/nav.cjs +2 -0
- package/dist/headless/nav.cjs.map +1 -0
- package/dist/headless/nav.d.ts +66 -0
- package/dist/headless/nav.d.ts.map +1 -0
- package/dist/headless/nav.js +115 -0
- package/dist/headless/nav.js.map +1 -0
- package/dist/headless/numbers.cjs +2 -0
- package/dist/headless/numbers.cjs.map +1 -0
- package/dist/headless/numbers.d.ts +14 -0
- package/dist/headless/numbers.d.ts.map +1 -0
- package/dist/headless/numbers.js +9 -0
- package/dist/headless/numbers.js.map +1 -0
- package/dist/headless/option-list.cjs +2 -0
- package/dist/headless/option-list.cjs.map +1 -0
- package/dist/headless/option-list.d.ts +107 -0
- package/dist/headless/option-list.d.ts.map +1 -0
- package/dist/headless/option-list.js +66 -0
- package/dist/headless/option-list.js.map +1 -0
- package/dist/headless/ore.cjs +2 -0
- package/dist/headless/ore.cjs.map +1 -0
- package/dist/headless/ore.d.ts +20 -0
- package/dist/headless/ore.d.ts.map +1 -0
- package/dist/headless/ore.js +9 -0
- package/dist/headless/ore.js.map +1 -0
- package/dist/headless/overlay.cjs +2 -0
- package/dist/headless/overlay.cjs.map +1 -0
- package/dist/headless/overlay.d.ts +62 -0
- package/dist/headless/overlay.d.ts.map +1 -0
- package/dist/headless/overlay.js +29 -0
- package/dist/headless/overlay.js.map +1 -0
- package/dist/headless/paginated-list.cjs +2 -0
- package/dist/headless/paginated-list.cjs.map +1 -0
- package/dist/headless/paginated-list.d.ts +42 -0
- package/dist/headless/paginated-list.d.ts.map +1 -0
- package/dist/headless/paginated-list.js +34 -0
- package/dist/headless/paginated-list.js.map +1 -0
- package/dist/headless/parse.cjs +2 -0
- package/dist/headless/parse.cjs.map +1 -0
- package/dist/headless/parse.d.ts +15 -0
- package/dist/headless/parse.d.ts.map +1 -0
- package/dist/headless/parse.js +9 -0
- package/dist/headless/parse.js.map +1 -0
- package/dist/headless/positioner.cjs +2 -0
- package/dist/headless/positioner.cjs.map +1 -0
- package/dist/headless/positioner.d.ts +40 -0
- package/dist/headless/positioner.d.ts.map +1 -0
- package/dist/headless/positioner.js +38 -0
- package/dist/headless/positioner.js.map +1 -0
- package/dist/headless/selection-control.cjs +2 -0
- package/dist/headless/selection-control.cjs.map +1 -0
- package/dist/headless/selection-control.d.ts +30 -0
- package/dist/headless/selection-control.d.ts.map +1 -0
- package/dist/headless/selection-control.js +44 -0
- package/dist/headless/selection-control.js.map +1 -0
- package/dist/headless/signals.cjs +2 -0
- package/dist/headless/signals.cjs.map +1 -0
- package/dist/headless/signals.d.ts +20 -0
- package/dist/headless/signals.d.ts.map +1 -0
- package/dist/headless/signals.js +12 -0
- package/dist/headless/signals.js.map +1 -0
- package/dist/headless/slider.cjs +2 -0
- package/dist/headless/slider.cjs.map +1 -0
- package/dist/headless/slider.d.ts +28 -0
- package/dist/headless/slider.d.ts.map +1 -0
- package/dist/headless/slider.js +40 -0
- package/dist/headless/slider.js.map +1 -0
- package/dist/headless/sort-control.cjs +2 -0
- package/dist/headless/sort-control.cjs.map +1 -0
- package/dist/headless/sort-control.d.ts +22 -0
- package/dist/headless/sort-control.d.ts.map +1 -0
- package/dist/headless/sort-control.js +36 -0
- package/dist/headless/sort-control.js.map +1 -0
- package/dist/headless/spinner.cjs +2 -0
- package/dist/headless/spinner.cjs.map +1 -0
- package/dist/headless/spinner.d.ts +19 -0
- package/dist/headless/spinner.d.ts.map +1 -0
- package/dist/headless/spinner.js +52 -0
- package/dist/headless/spinner.js.map +1 -0
- package/dist/headless/swipe.cjs +2 -0
- package/dist/headless/swipe.cjs.map +1 -0
- package/dist/headless/swipe.d.ts +38 -0
- package/dist/headless/swipe.d.ts.map +1 -0
- package/dist/headless/swipe.js +58 -0
- package/dist/headless/swipe.js.map +1 -0
- package/dist/headless/text-field.cjs +2 -0
- package/dist/headless/text-field.cjs.map +1 -0
- package/dist/headless/text-field.d.ts +45 -0
- package/dist/headless/text-field.d.ts.map +1 -0
- package/dist/headless/text-field.js +41 -0
- package/dist/headless/text-field.js.map +1 -0
- package/dist/headless/typeahead.cjs +2 -0
- package/dist/headless/typeahead.cjs.map +1 -0
- package/dist/headless/typeahead.d.ts +53 -0
- package/dist/headless/typeahead.d.ts.map +1 -0
- package/dist/headless/typeahead.js +23 -0
- package/dist/headless/typeahead.js.map +1 -0
- package/dist/headless.cjs +1 -0
- package/dist/headless.js +26 -0
- package/dist/icon.cjs +2 -0
- package/dist/icon.cjs.map +1 -0
- package/dist/icon.js +87 -0
- package/dist/icon.js.map +1 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +61 -0
- package/dist/input.cjs +67 -0
- package/dist/input.cjs.map +1 -0
- package/dist/input.js +184 -0
- package/dist/input.js.map +1 -0
- package/dist/inputs/button/button.css?inline.cjs +2 -0
- package/dist/inputs/button/button.css?inline.cjs.map +1 -0
- package/dist/inputs/button/button.css?inline.js +6 -0
- package/dist/inputs/button/button.css?inline.js.map +1 -0
- package/dist/inputs/button/button.d.ts +85 -0
- package/dist/inputs/button/button.d.ts.map +1 -0
- package/dist/inputs/button-group/button-group.css?inline.cjs +2 -0
- package/dist/inputs/button-group/button-group.css?inline.cjs.map +1 -0
- package/dist/inputs/button-group/button-group.css?inline.js +6 -0
- package/dist/inputs/button-group/button-group.css?inline.js.map +1 -0
- package/dist/inputs/button-group/button-group.d.ts +64 -0
- package/dist/inputs/button-group/button-group.d.ts.map +1 -0
- package/dist/inputs/calendar/calendar.css?inline.cjs +2 -0
- package/dist/inputs/calendar/calendar.css?inline.cjs.map +1 -0
- package/dist/inputs/calendar/calendar.css?inline.js +6 -0
- package/dist/inputs/calendar/calendar.css?inline.js.map +1 -0
- package/dist/inputs/calendar/calendar.d.ts +134 -0
- package/dist/inputs/calendar/calendar.d.ts.map +1 -0
- package/dist/inputs/checkbox/checkbox.css?inline.cjs +2 -0
- package/dist/inputs/checkbox/checkbox.css?inline.cjs.map +1 -0
- package/dist/inputs/checkbox/checkbox.css?inline.js +6 -0
- package/dist/inputs/checkbox/checkbox.css?inline.js.map +1 -0
- package/dist/inputs/checkbox/checkbox.d.ts +60 -0
- package/dist/inputs/checkbox/checkbox.d.ts.map +1 -0
- package/dist/inputs/checkbox-group/checkbox-group.css?inline.cjs +2 -0
- package/dist/inputs/checkbox-group/checkbox-group.css?inline.cjs.map +1 -0
- package/dist/inputs/checkbox-group/checkbox-group.css?inline.js +6 -0
- package/dist/inputs/checkbox-group/checkbox-group.css?inline.js.map +1 -0
- package/dist/inputs/checkbox-group/checkbox-group.d.ts +75 -0
- package/dist/inputs/checkbox-group/checkbox-group.d.ts.map +1 -0
- package/dist/inputs/combobox/combobox-options.cjs +2 -0
- package/dist/inputs/combobox/combobox-options.cjs.map +1 -0
- package/dist/inputs/combobox/combobox-options.d.ts +6 -0
- package/dist/inputs/combobox/combobox-options.d.ts.map +1 -0
- package/dist/inputs/combobox/combobox-options.js +26 -0
- package/dist/inputs/combobox/combobox-options.js.map +1 -0
- package/dist/inputs/combobox/combobox.css?inline.cjs +2 -0
- package/dist/inputs/combobox/combobox.css?inline.cjs.map +1 -0
- package/dist/inputs/combobox/combobox.css?inline.js +6 -0
- package/dist/inputs/combobox/combobox.css?inline.js.map +1 -0
- package/dist/inputs/combobox/combobox.d.ts +45 -0
- package/dist/inputs/combobox/combobox.d.ts.map +1 -0
- package/dist/inputs/combobox/combobox.types.d.ts +45 -0
- package/dist/inputs/combobox/combobox.types.d.ts.map +1 -0
- package/dist/inputs/datagrid/datagrid-column.cjs +2 -0
- package/dist/inputs/datagrid/datagrid-column.cjs.map +1 -0
- package/dist/inputs/datagrid/datagrid-column.d.ts +7 -0
- package/dist/inputs/datagrid/datagrid-column.d.ts.map +1 -0
- package/dist/inputs/datagrid/datagrid-column.js +31 -0
- package/dist/inputs/datagrid/datagrid-column.js.map +1 -0
- package/dist/inputs/datagrid/datagrid-controls.cjs +2 -0
- package/dist/inputs/datagrid/datagrid-controls.cjs.map +1 -0
- package/dist/inputs/datagrid/datagrid-controls.d.ts +98 -0
- package/dist/inputs/datagrid/datagrid-controls.d.ts.map +1 -0
- package/dist/inputs/datagrid/datagrid-controls.js +147 -0
- package/dist/inputs/datagrid/datagrid-controls.js.map +1 -0
- package/dist/inputs/datagrid/datagrid-nav.cjs +2 -0
- package/dist/inputs/datagrid/datagrid-nav.cjs.map +1 -0
- package/dist/inputs/datagrid/datagrid-nav.d.ts +33 -0
- package/dist/inputs/datagrid/datagrid-nav.d.ts.map +1 -0
- package/dist/inputs/datagrid/datagrid-nav.js +51 -0
- package/dist/inputs/datagrid/datagrid-nav.js.map +1 -0
- package/dist/inputs/datagrid/datagrid.css?inline.cjs +2 -0
- package/dist/inputs/datagrid/datagrid.css?inline.cjs.map +1 -0
- package/dist/inputs/datagrid/datagrid.css?inline.js +6 -0
- package/dist/inputs/datagrid/datagrid.css?inline.js.map +1 -0
- package/dist/inputs/datagrid/datagrid.d.ts +302 -0
- package/dist/inputs/datagrid/datagrid.d.ts.map +1 -0
- package/dist/inputs/date-picker/date-picker.css?inline.cjs +2 -0
- package/dist/inputs/date-picker/date-picker.css?inline.cjs.map +1 -0
- package/dist/inputs/date-picker/date-picker.css?inline.js +6 -0
- package/dist/inputs/date-picker/date-picker.css?inline.js.map +1 -0
- package/dist/inputs/date-picker/date-picker.d.ts +112 -0
- package/dist/inputs/date-picker/date-picker.d.ts.map +1 -0
- package/dist/inputs/file-input/file-input.css?inline.cjs +2 -0
- package/dist/inputs/file-input/file-input.css?inline.cjs.map +1 -0
- package/dist/inputs/file-input/file-input.css?inline.js +6 -0
- package/dist/inputs/file-input/file-input.css?inline.js.map +1 -0
- package/dist/inputs/file-input/file-input.d.ts +90 -0
- package/dist/inputs/file-input/file-input.d.ts.map +1 -0
- package/dist/inputs/form/form.css?inline.cjs +2 -0
- package/dist/inputs/form/form.css?inline.cjs.map +1 -0
- package/dist/inputs/form/form.css?inline.js +6 -0
- package/dist/inputs/form/form.css?inline.js.map +1 -0
- package/dist/inputs/form/form.d.ts +59 -0
- package/dist/inputs/form/form.d.ts.map +1 -0
- package/dist/inputs/index.d.ts +47 -0
- package/dist/inputs/index.d.ts.map +1 -0
- package/dist/inputs/input/input.css?inline.cjs +2 -0
- package/dist/inputs/input/input.css?inline.cjs.map +1 -0
- package/dist/inputs/input/input.css?inline.js +6 -0
- package/dist/inputs/input/input.css?inline.js.map +1 -0
- package/dist/inputs/input/input.d.ts +96 -0
- package/dist/inputs/input/input.d.ts.map +1 -0
- package/dist/inputs/number-input/number-input.css?inline.cjs +2 -0
- package/dist/inputs/number-input/number-input.css?inline.cjs.map +1 -0
- package/dist/inputs/number-input/number-input.css?inline.js +6 -0
- package/dist/inputs/number-input/number-input.css?inline.js.map +1 -0
- package/dist/inputs/number-input/number-input.d.ts +102 -0
- package/dist/inputs/number-input/number-input.d.ts.map +1 -0
- package/dist/inputs/otp-input/otp-input.css?inline.cjs +2 -0
- package/dist/inputs/otp-input/otp-input.css?inline.cjs.map +1 -0
- package/dist/inputs/otp-input/otp-input.css?inline.js +6 -0
- package/dist/inputs/otp-input/otp-input.css?inline.js.map +1 -0
- package/dist/inputs/otp-input/otp-input.d.ts +82 -0
- package/dist/inputs/otp-input/otp-input.d.ts.map +1 -0
- package/dist/inputs/radio/radio.css?inline.cjs +2 -0
- package/dist/inputs/radio/radio.css?inline.cjs.map +1 -0
- package/dist/inputs/radio/radio.css?inline.js +6 -0
- package/dist/inputs/radio/radio.css?inline.js.map +1 -0
- package/dist/inputs/radio/radio.d.ts +56 -0
- package/dist/inputs/radio/radio.d.ts.map +1 -0
- package/dist/inputs/radio-group/radio-group.css?inline.cjs +2 -0
- package/dist/inputs/radio-group/radio-group.css?inline.cjs.map +1 -0
- package/dist/inputs/radio-group/radio-group.css?inline.js +6 -0
- package/dist/inputs/radio-group/radio-group.css?inline.js.map +1 -0
- package/dist/inputs/radio-group/radio-group.d.ts +74 -0
- package/dist/inputs/radio-group/radio-group.d.ts.map +1 -0
- package/dist/inputs/rating/rating.css?inline.cjs +2 -0
- package/dist/inputs/rating/rating.css?inline.cjs.map +1 -0
- package/dist/inputs/rating/rating.css?inline.js +6 -0
- package/dist/inputs/rating/rating.css?inline.js.map +1 -0
- package/dist/inputs/rating/rating.d.ts +68 -0
- package/dist/inputs/rating/rating.d.ts.map +1 -0
- package/dist/inputs/select/select.css?inline.cjs +2 -0
- package/dist/inputs/select/select.css?inline.cjs.map +1 -0
- package/dist/inputs/select/select.css?inline.js +6 -0
- package/dist/inputs/select/select.css?inline.js.map +1 -0
- package/dist/inputs/select/select.d.ts +89 -0
- package/dist/inputs/select/select.d.ts.map +1 -0
- package/dist/inputs/shared/field-binding.cjs +2 -0
- package/dist/inputs/shared/field-binding.cjs.map +1 -0
- package/dist/inputs/shared/field-binding.d.ts +31 -0
- package/dist/inputs/shared/field-binding.d.ts.map +1 -0
- package/dist/inputs/shared/field-binding.js +31 -0
- package/dist/inputs/shared/field-binding.js.map +1 -0
- package/dist/inputs/shared/form-context.cjs +2 -0
- package/dist/inputs/shared/form-context.cjs.map +1 -0
- package/dist/inputs/shared/form-context.d.ts +49 -0
- package/dist/inputs/shared/form-context.d.ts.map +1 -0
- package/dist/inputs/shared/form-context.js +15 -0
- package/dist/inputs/shared/form-context.js.map +1 -0
- package/dist/inputs/shared/index.d.ts +5 -0
- package/dist/inputs/shared/index.d.ts.map +1 -0
- package/dist/inputs/shared/templates.cjs +11 -0
- package/dist/inputs/shared/templates.cjs.map +1 -0
- package/dist/inputs/shared/templates.d.ts +13 -0
- package/dist/inputs/shared/templates.d.ts.map +1 -0
- package/dist/inputs/shared/templates.js +18 -0
- package/dist/inputs/shared/templates.js.map +1 -0
- package/dist/inputs/shared/use-form-action.cjs +2 -0
- package/dist/inputs/shared/use-form-action.cjs.map +1 -0
- package/dist/inputs/shared/use-form-action.d.ts +17 -0
- package/dist/inputs/shared/use-form-action.d.ts.map +1 -0
- package/dist/inputs/shared/use-form-action.js +19 -0
- package/dist/inputs/shared/use-form-action.js.map +1 -0
- package/dist/inputs/slider/slider.css?inline.cjs +2 -0
- package/dist/inputs/slider/slider.css?inline.cjs.map +1 -0
- package/dist/inputs/slider/slider.css?inline.js +6 -0
- package/dist/inputs/slider/slider.css?inline.js.map +1 -0
- package/dist/inputs/slider/slider.d.ts +95 -0
- package/dist/inputs/slider/slider.d.ts.map +1 -0
- package/dist/inputs/switch/switch.css?inline.cjs +2 -0
- package/dist/inputs/switch/switch.css?inline.cjs.map +1 -0
- package/dist/inputs/switch/switch.css?inline.js +6 -0
- package/dist/inputs/switch/switch.css?inline.js.map +1 -0
- package/dist/inputs/switch/switch.d.ts +56 -0
- package/dist/inputs/switch/switch.d.ts.map +1 -0
- package/dist/inputs/textarea/textarea.css?inline.cjs +2 -0
- package/dist/inputs/textarea/textarea.css?inline.cjs.map +1 -0
- package/dist/inputs/textarea/textarea.css?inline.js +6 -0
- package/dist/inputs/textarea/textarea.css?inline.js.map +1 -0
- package/dist/inputs/textarea/textarea.d.ts +91 -0
- package/dist/inputs/textarea/textarea.d.ts.map +1 -0
- package/dist/inputs/time-picker/time-picker.css?inline.cjs +2 -0
- package/dist/inputs/time-picker/time-picker.css?inline.cjs.map +1 -0
- package/dist/inputs/time-picker/time-picker.css?inline.js +6 -0
- package/dist/inputs/time-picker/time-picker.css?inline.js.map +1 -0
- package/dist/inputs/time-picker/time-picker.d.ts +103 -0
- package/dist/inputs/time-picker/time-picker.d.ts.map +1 -0
- package/dist/layout/box/box.css?inline.cjs +2 -0
- package/dist/layout/box/box.css?inline.cjs.map +1 -0
- package/dist/layout/box/box.css?inline.js +6 -0
- package/dist/layout/box/box.css?inline.js.map +1 -0
- package/dist/layout/box/box.d.ts +52 -0
- package/dist/layout/box/box.d.ts.map +1 -0
- package/dist/layout/grid/grid.css?inline.cjs +2 -0
- package/dist/layout/grid/grid.css?inline.cjs.map +1 -0
- package/dist/layout/grid/grid.css?inline.js +6 -0
- package/dist/layout/grid/grid.css?inline.js.map +1 -0
- package/dist/layout/grid/grid.d.ts +105 -0
- package/dist/layout/grid/grid.d.ts.map +1 -0
- package/dist/layout/grid-item/grid-item.css?inline.cjs +2 -0
- package/dist/layout/grid-item/grid-item.css?inline.cjs.map +1 -0
- package/dist/layout/grid-item/grid-item.css?inline.js +6 -0
- package/dist/layout/grid-item/grid-item.css?inline.js.map +1 -0
- package/dist/layout/grid-item/grid-item.d.ts +54 -0
- package/dist/layout/grid-item/grid-item.d.ts.map +1 -0
- package/dist/layout/index.d.ts +11 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/navbar/navbar.css?inline.cjs +2 -0
- package/dist/layout/navbar/navbar.css?inline.cjs.map +1 -0
- package/dist/layout/navbar/navbar.css?inline.js +6 -0
- package/dist/layout/navbar/navbar.css?inline.js.map +1 -0
- package/dist/layout/navbar/navbar.d.ts +153 -0
- package/dist/layout/navbar/navbar.d.ts.map +1 -0
- package/dist/layout/sidebar/sidebar-group.css?inline.cjs +2 -0
- package/dist/layout/sidebar/sidebar-group.css?inline.cjs.map +1 -0
- package/dist/layout/sidebar/sidebar-group.css?inline.js +6 -0
- package/dist/layout/sidebar/sidebar-group.css?inline.js.map +1 -0
- package/dist/layout/sidebar/sidebar-item.css?inline.cjs +2 -0
- package/dist/layout/sidebar/sidebar-item.css?inline.cjs.map +1 -0
- package/dist/layout/sidebar/sidebar-item.css?inline.js +6 -0
- package/dist/layout/sidebar/sidebar-item.css?inline.js.map +1 -0
- package/dist/layout/sidebar/sidebar.css?inline.cjs +2 -0
- package/dist/layout/sidebar/sidebar.css?inline.cjs.map +1 -0
- package/dist/layout/sidebar/sidebar.css?inline.js +6 -0
- package/dist/layout/sidebar/sidebar.css?inline.js.map +1 -0
- package/dist/layout/sidebar/sidebar.d.ts +226 -0
- package/dist/layout/sidebar/sidebar.d.ts.map +1 -0
- package/dist/menu.cjs +30 -0
- package/dist/menu.cjs.map +1 -0
- package/dist/menu.js +197 -0
- package/dist/menu.js.map +1 -0
- package/dist/navbar.cjs +68 -0
- package/dist/navbar.cjs.map +1 -0
- package/dist/navbar.js +283 -0
- package/dist/navbar.js.map +1 -0
- package/dist/number-input.cjs +40 -0
- package/dist/number-input.cjs.map +1 -0
- package/dist/number-input.js +141 -0
- package/dist/number-input.js.map +1 -0
- package/dist/ore/dist/_dev.cjs +2 -0
- package/dist/ore/dist/_dev.cjs.map +1 -0
- package/dist/ore/dist/_dev.js +12 -0
- package/dist/ore/dist/_dev.js.map +1 -0
- package/dist/ore/dist/aria.cjs +2 -0
- package/dist/ore/dist/aria.cjs.map +1 -0
- package/dist/ore/dist/aria.js +37 -0
- package/dist/ore/dist/aria.js.map +1 -0
- package/dist/ore/dist/base-element.cjs +2 -0
- package/dist/ore/dist/base-element.cjs.map +1 -0
- package/dist/ore/dist/base-element.js +146 -0
- package/dist/ore/dist/base-element.js.map +1 -0
- package/dist/ore/dist/context-bag.cjs +2 -0
- package/dist/ore/dist/context-bag.cjs.map +1 -0
- package/dist/ore/dist/context-bag.js +28 -0
- package/dist/ore/dist/context-bag.js.map +1 -0
- package/dist/ore/dist/context.cjs +2 -0
- package/dist/ore/dist/context.cjs.map +1 -0
- package/dist/ore/dist/context.js +38 -0
- package/dist/ore/dist/context.js.map +1 -0
- package/dist/ore/dist/define.cjs +2 -0
- package/dist/ore/dist/define.cjs.map +1 -0
- package/dist/ore/dist/define.js +27 -0
- package/dist/ore/dist/define.js.map +1 -0
- package/dist/ore/dist/directives/classMap.cjs +1 -0
- package/dist/ore/dist/directives/classMap.js +1 -0
- package/dist/ore/dist/directives/each.cjs +1 -0
- package/dist/ore/dist/directives/each.js +5 -0
- package/dist/ore/dist/directives/live.cjs +2 -0
- package/dist/ore/dist/directives/live.cjs.map +1 -0
- package/dist/ore/dist/directives/live.js +6 -0
- package/dist/ore/dist/directives/live.js.map +1 -0
- package/dist/ore/dist/directives/model.cjs +1 -0
- package/dist/ore/dist/directives/model.js +3 -0
- package/dist/ore/dist/directives/raw.cjs +2 -0
- package/dist/ore/dist/directives/raw.cjs.map +1 -0
- package/dist/ore/dist/directives/raw.js +35 -0
- package/dist/ore/dist/directives/raw.js.map +1 -0
- package/dist/ore/dist/directives/styleMap.cjs +2 -0
- package/dist/ore/dist/directives/styleMap.cjs.map +1 -0
- package/dist/ore/dist/directives/styleMap.js +20 -0
- package/dist/ore/dist/directives/styleMap.js.map +1 -0
- package/dist/ore/dist/directives/when.cjs +2 -0
- package/dist/ore/dist/directives/when.cjs.map +1 -0
- package/dist/ore/dist/directives/when.js +33 -0
- package/dist/ore/dist/directives/when.js.map +1 -0
- package/dist/ore/dist/directives.cjs +1 -0
- package/dist/ore/dist/directives.js +8 -0
- package/dist/ore/dist/errors.cjs +3 -0
- package/dist/ore/dist/errors.cjs.map +1 -0
- package/dist/ore/dist/errors.js +41 -0
- package/dist/ore/dist/errors.js.map +1 -0
- package/dist/ore/dist/host-bind.cjs +2 -0
- package/dist/ore/dist/host-bind.cjs.map +1 -0
- package/dist/ore/dist/host-bind.js +60 -0
- package/dist/ore/dist/host-bind.js.map +1 -0
- package/dist/ore/dist/observers/intersection-observe.cjs +2 -0
- package/dist/ore/dist/observers/intersection-observe.cjs.map +1 -0
- package/dist/ore/dist/observers/intersection-observe.js +12 -0
- package/dist/ore/dist/observers/intersection-observe.js.map +1 -0
- package/dist/ore/dist/observers/media-observe.cjs +1 -0
- package/dist/ore/dist/observers/media-observe.js +1 -0
- package/dist/ore/dist/observers/mutation-observe.cjs +1 -0
- package/dist/ore/dist/observers/mutation-observe.js +1 -0
- package/dist/ore/dist/observers/resize-observe.cjs +2 -0
- package/dist/ore/dist/observers/resize-observe.cjs.map +1 -0
- package/dist/ore/dist/observers/resize-observe.js +20 -0
- package/dist/ore/dist/observers/resize-observe.js.map +1 -0
- package/dist/ore/dist/observers.cjs +1 -0
- package/dist/ore/dist/observers.js +5 -0
- package/dist/ore/dist/props.cjs +2 -0
- package/dist/ore/dist/props.cjs.map +1 -0
- package/dist/ore/dist/props.js +54 -0
- package/dist/ore/dist/props.js.map +1 -0
- package/dist/ore/dist/runtime.cjs +2 -0
- package/dist/ore/dist/runtime.cjs.map +1 -0
- package/dist/ore/dist/runtime.js +33 -0
- package/dist/ore/dist/runtime.js.map +1 -0
- package/dist/ore/dist/slots.cjs +2 -0
- package/dist/ore/dist/slots.cjs.map +1 -0
- package/dist/ore/dist/slots.js +61 -0
- package/dist/ore/dist/slots.js.map +1 -0
- package/dist/ore/dist/testing/flush.cjs +2 -0
- package/dist/ore/dist/testing/flush.cjs.map +1 -0
- package/dist/ore/dist/testing/flush.js +11 -0
- package/dist/ore/dist/testing/flush.js.map +1 -0
- package/dist/ore/dist/testing/mount.cjs +2 -0
- package/dist/ore/dist/testing/mount.cjs.map +1 -0
- package/dist/ore/dist/testing/mount.js +94 -0
- package/dist/ore/dist/testing/mount.js.map +1 -0
- package/dist/ore/dist/testing/query.cjs +2 -0
- package/dist/ore/dist/testing/query.cjs.map +1 -0
- package/dist/ore/dist/testing/query.js +12 -0
- package/dist/ore/dist/testing/query.js.map +1 -0
- package/dist/ore/dist/testing/render-hook.cjs +1 -0
- package/dist/ore/dist/testing/render-hook.js +4 -0
- package/dist/ore/dist/testing/testing.cjs +1 -0
- package/dist/ore/dist/testing/testing.js +4 -0
- package/dist/ore/dist/testing/wait.cjs +1 -0
- package/dist/ore/dist/testing/wait.js +1 -0
- package/dist/ore/dist/testing.cjs +1 -0
- package/dist/ore/dist/testing.js +6 -0
- package/dist/ore/dist/types/bindings.cjs +2 -0
- package/dist/ore/dist/types/bindings.cjs.map +1 -0
- package/dist/ore/dist/types/bindings.js +15 -0
- package/dist/ore/dist/types/bindings.js.map +1 -0
- package/dist/ore/dist/types.cjs +2 -0
- package/dist/ore/dist/types.cjs.map +1 -0
- package/dist/ore/dist/types.js +15 -0
- package/dist/ore/dist/types.js.map +1 -0
- package/dist/ore/dist/utils/aria.cjs +2 -0
- package/dist/ore/dist/utils/aria.cjs.map +1 -0
- package/dist/ore/dist/utils/aria.js +6 -0
- package/dist/ore/dist/utils/aria.js.map +1 -0
- package/dist/ore/dist/utils/css.cjs +2 -0
- package/dist/ore/dist/utils/css.cjs.map +1 -0
- package/dist/ore/dist/utils/css.js +18 -0
- package/dist/ore/dist/utils/css.js.map +1 -0
- package/dist/ore/dist/utils/dom.cjs +2 -0
- package/dist/ore/dist/utils/dom.cjs.map +1 -0
- package/dist/ore/dist/utils/dom.js +47 -0
- package/dist/ore/dist/utils/dom.js.map +1 -0
- package/dist/ore/dist/utils/emit.cjs +2 -0
- package/dist/ore/dist/utils/emit.cjs.map +1 -0
- package/dist/ore/dist/utils/emit.js +16 -0
- package/dist/ore/dist/utils/emit.js.map +1 -0
- package/dist/ore/dist/utils/id.cjs +2 -0
- package/dist/ore/dist/utils/id.cjs.map +1 -0
- package/dist/ore/dist/utils/id.js +4 -0
- package/dist/ore/dist/utils/id.js.map +1 -0
- package/dist/otp-input.cjs +21 -0
- package/dist/otp-input.cjs.map +1 -0
- package/dist/otp-input.js +145 -0
- package/dist/otp-input.js.map +1 -0
- package/dist/overlay/dialog/dialog.css?inline.cjs +2 -0
- package/dist/overlay/dialog/dialog.css?inline.cjs.map +1 -0
- package/dist/overlay/dialog/dialog.css?inline.js +6 -0
- package/dist/overlay/dialog/dialog.css?inline.js.map +1 -0
- package/dist/overlay/dialog/dialog.d.ts +108 -0
- package/dist/overlay/dialog/dialog.d.ts.map +1 -0
- package/dist/overlay/drawer/drawer.css?inline.cjs +2 -0
- package/dist/overlay/drawer/drawer.css?inline.cjs.map +1 -0
- package/dist/overlay/drawer/drawer.css?inline.js +6 -0
- package/dist/overlay/drawer/drawer.css?inline.js.map +1 -0
- package/dist/overlay/drawer/drawer.d.ts +111 -0
- package/dist/overlay/drawer/drawer.d.ts.map +1 -0
- package/dist/overlay/index.d.ts +11 -0
- package/dist/overlay/index.d.ts.map +1 -0
- package/dist/overlay/menu/menu-item.css?inline.cjs +2 -0
- package/dist/overlay/menu/menu-item.css?inline.cjs.map +1 -0
- package/dist/overlay/menu/menu-item.css?inline.js +6 -0
- package/dist/overlay/menu/menu-item.css?inline.js.map +1 -0
- package/dist/overlay/menu/menu-separator.css?inline.cjs +2 -0
- package/dist/overlay/menu/menu-separator.css?inline.cjs.map +1 -0
- package/dist/overlay/menu/menu-separator.css?inline.js +6 -0
- package/dist/overlay/menu/menu-separator.css?inline.js.map +1 -0
- package/dist/overlay/menu/menu.css?inline.cjs +2 -0
- package/dist/overlay/menu/menu.css?inline.cjs.map +1 -0
- package/dist/overlay/menu/menu.css?inline.js +6 -0
- package/dist/overlay/menu/menu.css?inline.js.map +1 -0
- package/dist/overlay/menu/menu.d.ts +110 -0
- package/dist/overlay/menu/menu.d.ts.map +1 -0
- package/dist/overlay/popover/popover.css?inline.cjs +2 -0
- package/dist/overlay/popover/popover.css?inline.cjs.map +1 -0
- package/dist/overlay/popover/popover.css?inline.js +6 -0
- package/dist/overlay/popover/popover.css?inline.js.map +1 -0
- package/dist/overlay/popover/popover.d.ts +56 -0
- package/dist/overlay/popover/popover.d.ts.map +1 -0
- package/dist/overlay/shared/await-exit.cjs +2 -0
- package/dist/overlay/shared/await-exit.cjs.map +1 -0
- package/dist/overlay/shared/await-exit.d.ts +14 -0
- package/dist/overlay/shared/await-exit.d.ts.map +1 -0
- package/dist/overlay/shared/await-exit.js +18 -0
- package/dist/overlay/shared/await-exit.js.map +1 -0
- package/dist/overlay/shared/background-lock.cjs +2 -0
- package/dist/overlay/shared/background-lock.cjs.map +1 -0
- package/dist/overlay/shared/background-lock.d.ts +22 -0
- package/dist/overlay/shared/background-lock.d.ts.map +1 -0
- package/dist/overlay/shared/background-lock.js +25 -0
- package/dist/overlay/shared/background-lock.js.map +1 -0
- package/dist/overlay/shared/use-dialog.cjs +2 -0
- package/dist/overlay/shared/use-dialog.cjs.map +1 -0
- package/dist/overlay/shared/use-dialog.d.ts +76 -0
- package/dist/overlay/shared/use-dialog.d.ts.map +1 -0
- package/dist/overlay/shared/use-dialog.js +92 -0
- package/dist/overlay/shared/use-dialog.js.map +1 -0
- package/dist/overlay/shared/use-floating-trigger.cjs +2 -0
- package/dist/overlay/shared/use-floating-trigger.cjs.map +1 -0
- package/dist/overlay/shared/use-floating-trigger.d.ts +67 -0
- package/dist/overlay/shared/use-floating-trigger.d.ts.map +1 -0
- package/dist/overlay/shared/use-floating-trigger.js +128 -0
- package/dist/overlay/shared/use-floating-trigger.js.map +1 -0
- package/dist/overlay/tooltip/tooltip.css?inline.cjs +2 -0
- package/dist/overlay/tooltip/tooltip.css?inline.cjs.map +1 -0
- package/dist/overlay/tooltip/tooltip.css?inline.js +6 -0
- package/dist/overlay/tooltip/tooltip.css?inline.js.map +1 -0
- package/dist/overlay/tooltip/tooltip.d.ts +72 -0
- package/dist/overlay/tooltip/tooltip.d.ts.map +1 -0
- package/dist/pagination.cjs +63 -0
- package/dist/pagination.cjs.map +1 -0
- package/dist/pagination.js +113 -0
- package/dist/pagination.js.map +1 -0
- package/dist/password-strength.cjs +19 -0
- package/dist/password-strength.cjs.map +1 -0
- package/dist/password-strength.js +69 -0
- package/dist/password-strength.js.map +1 -0
- package/dist/popover.cjs +16 -0
- package/dist/popover.cjs.map +1 -0
- package/dist/popover.js +81 -0
- package/dist/popover.js.map +1 -0
- package/dist/progress.cjs +46 -0
- package/dist/progress.cjs.map +1 -0
- package/dist/progress.js +96 -0
- package/dist/progress.js.map +1 -0
- package/dist/radio-group.cjs +25 -0
- package/dist/radio-group.cjs.map +1 -0
- package/dist/radio-group.js +145 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/radio.cjs +10 -0
- package/dist/radio.cjs.map +1 -0
- package/dist/radio.js +146 -0
- package/dist/radio.js.map +1 -0
- package/dist/rating.cjs +28 -0
- package/dist/rating.cjs.map +1 -0
- package/dist/rating.js +123 -0
- package/dist/rating.js.map +1 -0
- package/dist/refine.cjs +2705 -0
- package/dist/refine.cjs.map +1 -0
- package/dist/refine.iife.js +2705 -0
- package/dist/refine.iife.js.map +1 -0
- package/dist/refine.js +2705 -0
- package/dist/refine.js.map +1 -0
- package/dist/select.cjs +79 -0
- package/dist/select.cjs.map +1 -0
- package/dist/select.js +289 -0
- package/dist/select.js.map +1 -0
- package/dist/separator.cjs +27 -0
- package/dist/separator.cjs.map +1 -0
- package/dist/separator.js +47 -0
- package/dist/separator.js.map +1 -0
- package/dist/shared/index.d.ts +14 -0
- package/dist/shared/index.d.ts.map +1 -0
- package/dist/shared/prop-bundles.cjs +2 -0
- package/dist/shared/prop-bundles.cjs.map +1 -0
- package/dist/shared/prop-bundles.d.ts +45 -0
- package/dist/shared/prop-bundles.d.ts.map +1 -0
- package/dist/shared/prop-bundles.js +13 -0
- package/dist/shared/prop-bundles.js.map +1 -0
- package/dist/shared/size-presets.cjs +2 -0
- package/dist/shared/size-presets.cjs.map +1 -0
- package/dist/shared/size-presets.d.ts +101 -0
- package/dist/shared/size-presets.d.ts.map +1 -0
- package/dist/shared/size-presets.js +96 -0
- package/dist/shared/size-presets.js.map +1 -0
- package/dist/shared/types.d.ts +76 -0
- package/dist/shared/types.d.ts.map +1 -0
- package/dist/sidebar.cjs +123 -0
- package/dist/sidebar.cjs.map +1 -0
- package/dist/sidebar.js +344 -0
- package/dist/sidebar.js.map +1 -0
- package/dist/skeleton.cjs +10 -0
- package/dist/skeleton.cjs.map +1 -0
- package/dist/skeleton.js +59 -0
- package/dist/skeleton.js.map +1 -0
- package/dist/slider.cjs +27 -0
- package/dist/slider.cjs.map +1 -0
- package/dist/slider.js +219 -0
- package/dist/slider.js.map +1 -0
- package/dist/styles/animation.css +94 -0
- package/dist/styles/index.cjs +2 -0
- package/dist/styles/index.cjs.map +1 -0
- package/dist/styles/index.d.ts +41 -0
- package/dist/styles/index.d.ts.map +1 -0
- package/dist/styles/index.js +24 -0
- package/dist/styles/index.js.map +1 -0
- package/dist/styles/layer.css +19 -0
- package/dist/styles/mixins/accessibility.css.cjs +51 -0
- package/dist/styles/mixins/accessibility.css.cjs.map +1 -0
- package/dist/styles/mixins/accessibility.css.d.ts +80 -0
- package/dist/styles/mixins/accessibility.css.d.ts.map +1 -0
- package/dist/styles/mixins/accessibility.css.js +56 -0
- package/dist/styles/mixins/accessibility.css.js.map +1 -0
- package/dist/styles/mixins/animation.css.cjs +133 -0
- package/dist/styles/mixins/animation.css.cjs.map +1 -0
- package/dist/styles/mixins/animation.css.d.ts +43 -0
- package/dist/styles/mixins/animation.css.d.ts.map +1 -0
- package/dist/styles/mixins/animation.css.js +166 -0
- package/dist/styles/mixins/animation.css.js.map +1 -0
- package/dist/styles/mixins/shape.css.cjs +66 -0
- package/dist/styles/mixins/shape.css.cjs.map +1 -0
- package/dist/styles/mixins/shape.css.d.ts +96 -0
- package/dist/styles/mixins/shape.css.d.ts.map +1 -0
- package/dist/styles/mixins/shape.css.js +98 -0
- package/dist/styles/mixins/shape.css.js.map +1 -0
- package/dist/styles/mixins/states.css.cjs +37 -0
- package/dist/styles/mixins/states.css.cjs.map +1 -0
- package/dist/styles/mixins/states.css.d.ts +27 -0
- package/dist/styles/mixins/states.css.d.ts.map +1 -0
- package/dist/styles/mixins/states.css.js +44 -0
- package/dist/styles/mixins/states.css.js.map +1 -0
- package/dist/styles/mixins/table-base.css.cjs +94 -0
- package/dist/styles/mixins/table-base.css.cjs.map +1 -0
- package/dist/styles/mixins/table-base.css.d.ts +24 -0
- package/dist/styles/mixins/table-base.css.d.ts.map +1 -0
- package/dist/styles/mixins/table-base.css.js +99 -0
- package/dist/styles/mixins/table-base.css.js.map +1 -0
- package/dist/styles/mixins/theme.css.cjs +80 -0
- package/dist/styles/mixins/theme.css.cjs.map +1 -0
- package/dist/styles/mixins/theme.css.d.ts +77 -0
- package/dist/styles/mixins/theme.css.d.ts.map +1 -0
- package/dist/styles/mixins/theme.css.js +98 -0
- package/dist/styles/mixins/theme.css.js.map +1 -0
- package/dist/styles/mixins/variants.css.cjs +55 -0
- package/dist/styles/mixins/variants.css.cjs.map +1 -0
- package/dist/styles/mixins/variants.css.d.ts +22 -0
- package/dist/styles/mixins/variants.css.d.ts.map +1 -0
- package/dist/styles/mixins/variants.css.js +60 -0
- package/dist/styles/mixins/variants.css.js.map +1 -0
- package/dist/styles/preflight.css +239 -0
- package/dist/styles/styles.css +5 -0
- package/dist/styles/theme.css +553 -0
- package/dist/switch.cjs +10 -0
- package/dist/switch.cjs.map +1 -0
- package/dist/switch.js +79 -0
- package/dist/switch.js.map +1 -0
- package/dist/tab-item.cjs +17 -0
- package/dist/tab-item.cjs.map +1 -0
- package/dist/tab-item.js +62 -0
- package/dist/tab-item.js.map +1 -0
- package/dist/tab-panel.cjs +14 -0
- package/dist/tab-panel.cjs.map +1 -0
- package/dist/tab-panel.js +61 -0
- package/dist/tab-panel.js.map +1 -0
- package/dist/table.cjs +2 -0
- package/dist/table.cjs.map +1 -0
- package/dist/table.js +101 -0
- package/dist/table.js.map +1 -0
- package/dist/tabs.cjs +17 -0
- package/dist/tabs.cjs.map +1 -0
- package/dist/tabs.js +126 -0
- package/dist/tabs.js.map +1 -0
- package/dist/testing/index.d.ts +233 -0
- package/dist/testing/index.d.ts.map +1 -0
- package/dist/testing.cjs +2 -0
- package/dist/testing.cjs.map +1 -0
- package/dist/testing.js +44 -0
- package/dist/testing.js.map +1 -0
- package/dist/text.cjs +2 -0
- package/dist/text.cjs.map +1 -0
- package/dist/text.js +34 -0
- package/dist/text.js.map +1 -0
- package/dist/textarea.cjs +33 -0
- package/dist/textarea.cjs.map +1 -0
- package/dist/textarea.js +137 -0
- package/dist/textarea.js.map +1 -0
- package/dist/time-picker.cjs +98 -0
- package/dist/time-picker.cjs.map +1 -0
- package/dist/time-picker.js +261 -0
- package/dist/time-picker.js.map +1 -0
- package/dist/toast.cjs +69 -0
- package/dist/toast.cjs.map +1 -0
- package/dist/toast.js +316 -0
- package/dist/toast.js.map +1 -0
- package/dist/tooltip.cjs +15 -0
- package/dist/tooltip.cjs.map +1 -0
- package/dist/tooltip.js +121 -0
- package/dist/tooltip.js.map +1 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/utils/css.cjs +2 -0
- package/dist/utils/css.cjs.map +1 -0
- package/dist/utils/css.d.ts +10 -0
- package/dist/utils/css.d.ts.map +1 -0
- package/dist/utils/css.js +10 -0
- package/dist/utils/css.js.map +1 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/link.cjs +2 -0
- package/dist/utils/link.cjs.map +1 -0
- package/dist/utils/link.d.ts +44 -0
- package/dist/utils/link.d.ts.map +1 -0
- package/dist/utils/link.js +19 -0
- package/dist/utils/link.js.map +1 -0
- package/package.json +464 -0
package/dist/refine.cjs
ADDED
|
@@ -0,0 +1,2705 @@
|
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("@vielzeug/ore"),l=require("@vielzeug/ripple"),u=require("lucide");u=s(u,1);let d=require("@vielzeug/orbit"),f=require("@vielzeug/arsenal"),p=require("@vielzeug/tempo"),m=require("@vielzeug/dnd");var h=!globalThis.__ORE_PROD__;function g(e){h&&console.warn(`[@vielzeug/ore] ${e}`)}var _=e=>{let t=Symbol.for(e);return{is:e=>typeof e==`object`&&!!e&&t in e,stamp:e=>Object.assign(e,{[t]:!0})}},v=_(`ore:directive`),y=e=>v.stamp({mount:e});v.is,_(`ore:spread`).is;var b=_(`ore:html-result`).is,x=e=>{for(let t=e.length-1;t>=0;t--)e[t]()},S=e=>{for(let t of e)t.remove()};new Set([`action`,`cite`,`codebase`,`data`,`formaction`,`href`,`manifest`,`ping`,`poster`,`src`,`xlink:href`]);var C=e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),w=new WeakSet,T=e=>(w.add(e),e),E=null,D=!1,O=e=>E?E(e):(e&&!D&&(D=!0,g(`raw() was called without a sanitizer registered. Passing user-supplied HTML directly to raw() is an XSS risk. Register a sanitizer with setRawSanitizer() — e.g. setRawSanitizer(DOMPURIFY.sanitize).`)),e),k=(e,t,n)=>{let r=document.createElement(`template`);r.innerHTML=e;let i=Array.from(r.content.cloneNode(!0).childNodes);for(let e of i)t.insertBefore(e,n);return i};function A(e){if(typeof e==`function`){let t=(0,l.computed)(e);return y((e,n)=>{n(()=>t.dispose()),A(t).mount(e,n)})}return y((t,n)=>{let r=t.parentNode,i=document.createComment(`raw/end`);if(r.insertBefore(i,t.nextSibling),(0,l.isReactive)(e)){let t=[],a=e,o=(0,l.effect)(()=>{S(t),t=k(O(a.value),r,i)});n(()=>o.dispose()),n(()=>{S(t),i.remove()})}else k(O(e),r,i),n(()=>i.remove())})}var j=e=>{let t=typeof e==`function`?e():(0,l.isReactive)(e)?e.value:e;return t==null||t===!1?``:String(t).replace(/[;{}]/g,``)},M=/[;{}]/g,N=e=>(0,l.computed)(()=>{let t=[];for(let[n,r]of Object.entries(e)){let e=j(r);if(!e)continue;let i=C(n).replace(M,``);i&&t.push(`${i}:${e}`)}return t.join(`;`)}),P=(e,t,n,r)=>e.mount(t,n,r);function F(e,t,n){return typeof e!=`function`&&!(0,l.isReactive)(e)?y((r,i)=>{let a=e?t():n?n():null;if(!a||!b(a))return;let o=r.parentNode,s=P(a,o,r,i);i(()=>S(s))}):y((r,i)=>{let a=typeof e==`function`?(0,l.computed)(e):null,o=a??e;a&&i(()=>a.dispose());let s=r.parentNode,c=document.createComment(`when/end`);s.insertBefore(c,r.nextSibling);let u=[],d=[],f=(0,l.effect)(()=>{let e=o.value;x(d),S(u),d=[],u=[];let r=e?t():n?n():null;if(!r||!b(r))return;let i=[];u=(0,l.untrack)(()=>P(r,s,c,e=>i.push(e))),d=i});i(()=>f.dispose()),i(()=>{x(d),S(u),c.remove()})})}var ee=`@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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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}}`,I=`ore-code-window`;(0,c.define)(I,{props:{filename:c.prop.string(),lang:c.prop.string(`ts`),title:c.prop.string(`MCP tool call`),variant:c.prop.oneOf([`code`,`chat`],`code`)},setup(e){let t=(0,l.computed)(()=>e.variant.value===`code`),n=(0,l.computed)(()=>!!e.filename.value);return c.html`
|
|
2
|
+
<div class="window" part="window">
|
|
3
|
+
<div class="header" part="header">
|
|
4
|
+
${F(t,()=>c.html`
|
|
5
|
+
<span class="lang" part="lang">${e.lang}</span>
|
|
6
|
+
${F(n,()=>c.html`<span class="filename" part="filename">${e.filename}</span>`)}
|
|
7
|
+
`,()=>c.html`
|
|
8
|
+
<div class="dots" part="dots" aria-hidden="true"><span></span><span></span><span></span></div>
|
|
9
|
+
<span class="title" part="title">${e.title}</span>
|
|
10
|
+
`)}
|
|
11
|
+
<div class="header-spacer"></div>
|
|
12
|
+
<slot name="header-end"></slot>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="body" part="body">
|
|
15
|
+
<slot></slot>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
`},styles:[ee]});var te=`position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;clip-path:inset(50%);`,L=c.css`
|
|
19
|
+
.sr-only {
|
|
20
|
+
position: absolute;
|
|
21
|
+
width: 1px;
|
|
22
|
+
height: 1px;
|
|
23
|
+
padding: 0;
|
|
24
|
+
margin: -1px;
|
|
25
|
+
overflow: hidden;
|
|
26
|
+
white-space: nowrap;
|
|
27
|
+
border-width: 0;
|
|
28
|
+
clip-path: inset(50%);
|
|
29
|
+
}
|
|
30
|
+
`,R=c.css`
|
|
31
|
+
@media (pointer: coarse) {
|
|
32
|
+
/* Default / md size: promote all scale tokens one tier up (md → lg) */
|
|
33
|
+
:host,
|
|
34
|
+
:host([size='md']) {
|
|
35
|
+
--_touch-target: var(--size-11);
|
|
36
|
+
--_font-size: var(--text-base);
|
|
37
|
+
--_gap: var(--size-2-5);
|
|
38
|
+
--_height: var(--size-12);
|
|
39
|
+
--_size: var(--size-6);
|
|
40
|
+
--_icon-size: var(--size-6);
|
|
41
|
+
--_padding: var(--size-2-5) var(--size-5);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/* sm size: promote to md scale */
|
|
45
|
+
:host([size='sm']) {
|
|
46
|
+
--_touch-target: var(--size-11);
|
|
47
|
+
--_font-size: var(--text-sm);
|
|
48
|
+
--_gap: var(--size-2);
|
|
49
|
+
--_height: var(--size-10);
|
|
50
|
+
--_size: var(--size-5);
|
|
51
|
+
--_icon-size: var(--size-5);
|
|
52
|
+
--_padding: var(--size-2) var(--size-4);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/* lg size: already max, just enforce touch target */
|
|
56
|
+
:host([size='lg']) {
|
|
57
|
+
--_touch-target: var(--size-11);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
`,z=c.css`
|
|
61
|
+
@media (prefers-reduced-motion: reduce) {
|
|
62
|
+
:host {
|
|
63
|
+
--_motion-transition: none;
|
|
64
|
+
--_motion-animation: none;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
`,B=c.css`
|
|
68
|
+
/* ========================================
|
|
69
|
+
Padding Variants
|
|
70
|
+
======================================== */
|
|
71
|
+
|
|
72
|
+
:host([padding='none']) {
|
|
73
|
+
--_padding: var(--size-0);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
:host([padding='sm']) {
|
|
77
|
+
--_padding: var(--size-3);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
:host([padding='md']) {
|
|
81
|
+
--_padding: var(--size-4);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
:host([padding='lg']) {
|
|
85
|
+
--_padding: var(--size-6);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
:host([padding='xl']) {
|
|
89
|
+
--_padding: var(--size-8);
|
|
90
|
+
}
|
|
91
|
+
`,V=c.css`
|
|
92
|
+
:host([rounded='none']) {
|
|
93
|
+
--_radius: var(--rounded-none);
|
|
94
|
+
}
|
|
95
|
+
:host([rounded='sm']) {
|
|
96
|
+
--_radius: var(--rounded-sm);
|
|
97
|
+
}
|
|
98
|
+
:host([rounded='md']) {
|
|
99
|
+
--_radius: var(--rounded-md);
|
|
100
|
+
}
|
|
101
|
+
:host([rounded='lg']) {
|
|
102
|
+
--_radius: var(--rounded-lg);
|
|
103
|
+
}
|
|
104
|
+
:host([rounded='xl']) {
|
|
105
|
+
--_radius: var(--rounded-xl);
|
|
106
|
+
}
|
|
107
|
+
:host([rounded='2xl']) {
|
|
108
|
+
--_radius: var(--rounded-2xl);
|
|
109
|
+
}
|
|
110
|
+
:host([rounded='3xl']) {
|
|
111
|
+
--_radius: var(--rounded-3xl);
|
|
112
|
+
}
|
|
113
|
+
:host([rounded='full']),
|
|
114
|
+
:host([rounded='']) {
|
|
115
|
+
--_radius: var(--rounded-full);
|
|
116
|
+
}
|
|
117
|
+
`,ne={fontSize:`--_font-size`,gap:`--_gap`,height:`--_height`,iconSize:`--_icon-size`,lineHeight:`--_line-height`,padding:`--_padding`,size:`--_size`,thumbSize:`--_thumb-size`,width:`--_width`},re=e=>Object.entries(e).filter(([,e])=>e!==void 0).map(([e,t])=>`${e.startsWith(`--`)?e:ne[e]??`--_${e}`}: ${t};`).join(`
|
|
118
|
+
`),H=e=>{let t=re({fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`,...e?.sm}),n=re({fontSize:`var(--text-sm)`,gap:`var(--size-2)`,size:`var(--size-5)`,...e?.md});return c.css`
|
|
119
|
+
:host {
|
|
120
|
+
${n}
|
|
121
|
+
}
|
|
122
|
+
:host([size='sm']) {
|
|
123
|
+
${t}
|
|
124
|
+
}
|
|
125
|
+
:host([size='md']) {
|
|
126
|
+
${n}
|
|
127
|
+
}
|
|
128
|
+
:host([size='lg']) {
|
|
129
|
+
${re({fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`,...e?.lg})}
|
|
130
|
+
}
|
|
131
|
+
`},U=c.css`
|
|
132
|
+
:host([disabled]) {
|
|
133
|
+
opacity: 0.5;
|
|
134
|
+
cursor: not-allowed;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
:host([disabled]) ::slotted(*),
|
|
138
|
+
:host([disabled]) > :not(slot) {
|
|
139
|
+
pointer-events: none;
|
|
140
|
+
}
|
|
141
|
+
`;c.css`
|
|
142
|
+
:host([loading]) {
|
|
143
|
+
opacity: 0.5;
|
|
144
|
+
cursor: wait;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
:host([loading]) ::slotted(*),
|
|
148
|
+
:host([loading]) > :not(slot) {
|
|
149
|
+
pointer-events: none;
|
|
150
|
+
}
|
|
151
|
+
`;var ie=c.css`
|
|
152
|
+
:host([disabled]),
|
|
153
|
+
:host([loading]) {
|
|
154
|
+
opacity: 0.5;
|
|
155
|
+
cursor: not-allowed;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
:host([loading]) {
|
|
159
|
+
cursor: wait;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
:host([disabled]) > :not(slot),
|
|
163
|
+
:host([loading]) > :not(slot) {
|
|
164
|
+
pointer-events: none;
|
|
165
|
+
}
|
|
166
|
+
`,ae=[`primary`,`secondary`,`info`,`success`,`warning`,`error`],oe={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)`},W=c.css`
|
|
167
|
+
:host {
|
|
168
|
+
--_theme-base: var(--color-neutral);
|
|
169
|
+
--_theme-content: var(--color-neutral-content);
|
|
170
|
+
--_theme-contrast: var(--color-neutral-contrast);
|
|
171
|
+
--_theme-focus: var(--color-neutral-focus);
|
|
172
|
+
--_theme-backdrop: var(--color-neutral-backdrop);
|
|
173
|
+
--_theme-border: var(--color-neutral-border);
|
|
174
|
+
--_theme-shadow: var(--color-neutral-focus-shadow);
|
|
175
|
+
--_theme-halo: var(--halo-shadow-neutral);
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
${ae.map(e=>`:host([color='${e}']) {\n${Object.entries(oe).map(([t,n])=>` --_theme-${t}: ${n(e)};`).join(`
|
|
179
|
+
`)}\n}`).join(`
|
|
180
|
+
|
|
181
|
+
`)}
|
|
182
|
+
`,se=c.css`
|
|
183
|
+
/* ========================================
|
|
184
|
+
Elevation Levels (0-5)
|
|
185
|
+
======================================== */
|
|
186
|
+
|
|
187
|
+
:host([elevation='0']) {
|
|
188
|
+
--_shadow: none;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
:host([elevation='1']) {
|
|
192
|
+
--_shadow: var(--shadow-sm);
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
:host([elevation='2']) {
|
|
196
|
+
--_shadow: var(--shadow-md);
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
:host([elevation='3']) {
|
|
200
|
+
--_shadow: var(--shadow-lg);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
:host([elevation='4']) {
|
|
204
|
+
--_shadow: var(--shadow-xl);
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
:host([elevation='5']) {
|
|
208
|
+
--_shadow: var(--shadow-2xl);
|
|
209
|
+
}
|
|
210
|
+
`,G=c.css`
|
|
211
|
+
@media (forced-colors: active) {
|
|
212
|
+
:host {
|
|
213
|
+
border: 1px solid ButtonText;
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
`,ce=e=>c.css`
|
|
217
|
+
@media (forced-colors: active) {
|
|
218
|
+
${e}:focus-visible {
|
|
219
|
+
outline: 2px solid Highlight;
|
|
220
|
+
outline-offset: 2px;
|
|
221
|
+
box-shadow: none;
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
`,le=c.css`
|
|
225
|
+
@media (forced-colors: active) {
|
|
226
|
+
:host {
|
|
227
|
+
forced-color-adjust: none;
|
|
228
|
+
color: ButtonText;
|
|
229
|
+
background: ButtonFace;
|
|
230
|
+
border: 1px solid ButtonText;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
:host([checked]) {
|
|
234
|
+
background: Highlight;
|
|
235
|
+
color: HighlightText;
|
|
236
|
+
border-color: Highlight;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
:host([disabled]) {
|
|
240
|
+
color: GrayText;
|
|
241
|
+
border-color: GrayText;
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
`,ue=!1;function de(){if(!ue){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--rainbow-angle`,syntax:`<angle>`})}catch{}ue=!0}}var fe=!1;function pe(){if(!fe){if(typeof CSS<`u`&&CSS.registerProperty)try{CSS.registerProperty({inherits:!1,initialValue:`0deg`,name:`--shine-angle`,syntax:`<angle>`})}catch{}fe=!0}}var me=e=>(de(),c.css`
|
|
245
|
+
/* ========================================
|
|
246
|
+
Rainbow Border Effect
|
|
247
|
+
======================================== */
|
|
248
|
+
|
|
249
|
+
:host([effect='rainbow']) ${e} {
|
|
250
|
+
position: relative;
|
|
251
|
+
border: var(--border-2) solid transparent !important;
|
|
252
|
+
overflow: visible;
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
/* Rainbow border and glow layers */
|
|
256
|
+
:host([effect='rainbow']) ${e}::before, :host([effect='rainbow']) ${e}::after {
|
|
257
|
+
content: '';
|
|
258
|
+
position: absolute;
|
|
259
|
+
inset: calc(-1 * var(--border-2));
|
|
260
|
+
border: inherit;
|
|
261
|
+
border-radius: inherit;
|
|
262
|
+
|
|
263
|
+
/* Reserve no-clip space for glow */
|
|
264
|
+
box-shadow: 0 0 calc(3 * var(--blur-xl)) rgba(0 0 0 / 0.001);
|
|
265
|
+
|
|
266
|
+
/* Rainbow gradient — Okabe-Ito colorblind-safe palette */
|
|
267
|
+
background: conic-gradient(
|
|
268
|
+
from var(--rainbow-angle),
|
|
269
|
+
#56b4e9,
|
|
270
|
+
/* Sky Blue */ #0072b2,
|
|
271
|
+
/* Deep Blue */ #009e73,
|
|
272
|
+
/* Bluish Green */ #f0e442,
|
|
273
|
+
/* Yellow */ #e69f00,
|
|
274
|
+
/* Orange */ #d55e00,
|
|
275
|
+
/* Vermillion */ #cc79a7,
|
|
276
|
+
/* Reddish Purple */ #56b4e9 /* Back to Sky Blue */
|
|
277
|
+
)
|
|
278
|
+
border-box;
|
|
279
|
+
|
|
280
|
+
/* Make everything inside padding-box transparent
|
|
281
|
+
by subtracting padding-box from no-clip box */
|
|
282
|
+
-webkit-mask:
|
|
283
|
+
conic-gradient(red 0 0) no-clip subtract,
|
|
284
|
+
conic-gradient(red 0 0) padding-box;
|
|
285
|
+
mask:
|
|
286
|
+
conic-gradient(red 0 0) no-clip subtract,
|
|
287
|
+
conic-gradient(red 0 0) padding-box;
|
|
288
|
+
|
|
289
|
+
pointer-events: none;
|
|
290
|
+
animation: rainbow-rotate 4s linear infinite;
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
/* Turn one pseudo layer into glow halo */
|
|
294
|
+
:host([effect='rainbow']) ${e}::after {
|
|
295
|
+
filter: blur(var(--blur-xl));
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
/* ========================================
|
|
299
|
+
Animation
|
|
300
|
+
======================================== */
|
|
301
|
+
|
|
302
|
+
@keyframes rainbow-rotate {
|
|
303
|
+
to {
|
|
304
|
+
--rainbow-angle: 1turn;
|
|
305
|
+
}
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
@media (prefers-reduced-motion: reduce) {
|
|
309
|
+
:host([effect='rainbow']) ${e}::before, :host([effect='rainbow']) ${e}::after {
|
|
310
|
+
animation: none;
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
`),he=e=>(pe(),c.css`
|
|
314
|
+
/* ========================================
|
|
315
|
+
Shine Border Effect
|
|
316
|
+
======================================== */
|
|
317
|
+
|
|
318
|
+
:host([effect='shine']) ${e} {
|
|
319
|
+
position: relative;
|
|
320
|
+
overflow: visible;
|
|
321
|
+
--_shine-color: light-dark(
|
|
322
|
+
oklch(from var(--_theme-focus) 0.6 calc(c * 1.2) h),
|
|
323
|
+
oklch(from var(--_theme-focus) 0.85 calc(c * 1.2) h)
|
|
324
|
+
);
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
/* Shine border — single pseudo, glow via box-shadow (follows border-radius, no artifacts) */
|
|
328
|
+
:host([effect='shine']) ${e}::before {
|
|
329
|
+
content: '';
|
|
330
|
+
position: absolute;
|
|
331
|
+
inset: calc(-1 * var(--border-2));
|
|
332
|
+
border: var(--border-2) solid transparent;
|
|
333
|
+
border-radius: calc(var(--_radius, 0px) + var(--border-2));
|
|
334
|
+
|
|
335
|
+
/* Two comet tails 180deg apart, same shape rotating together */
|
|
336
|
+
background:
|
|
337
|
+
conic-gradient(from var(--shine-angle), transparent 0%, transparent 75%, var(--_shine-color) 100%) border-box,
|
|
338
|
+
conic-gradient(
|
|
339
|
+
from calc(var(--shine-angle) + 180deg),
|
|
340
|
+
transparent 0%,
|
|
341
|
+
transparent 75%,
|
|
342
|
+
var(--_shine-color) 100%
|
|
343
|
+
)
|
|
344
|
+
border-box;
|
|
345
|
+
|
|
346
|
+
-webkit-mask:
|
|
347
|
+
conic-gradient(red 0 0) no-clip subtract,
|
|
348
|
+
conic-gradient(red 0 0) padding-box;
|
|
349
|
+
mask:
|
|
350
|
+
conic-gradient(red 0 0) no-clip subtract,
|
|
351
|
+
conic-gradient(red 0 0) padding-box;
|
|
352
|
+
|
|
353
|
+
/* Use the theme's own focus-shadow — color-aware, well-tuned, no artifacts */
|
|
354
|
+
box-shadow: var(--_theme-shadow);
|
|
355
|
+
|
|
356
|
+
pointer-events: none;
|
|
357
|
+
animation: shine-rotate 2.5s linear infinite;
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
/* ========================================
|
|
361
|
+
Animation
|
|
362
|
+
======================================== */
|
|
363
|
+
|
|
364
|
+
@keyframes shine-rotate {
|
|
365
|
+
to {
|
|
366
|
+
--shine-angle: 1turn;
|
|
367
|
+
}
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
@media (prefers-reduced-motion: reduce) {
|
|
371
|
+
:host([effect='shine']) ${e}::before {
|
|
372
|
+
animation: none;
|
|
373
|
+
}
|
|
374
|
+
}
|
|
375
|
+
`),ge=e=>c.css`
|
|
376
|
+
:host([variant='frost']) ${e} {
|
|
377
|
+
backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);
|
|
378
|
+
-webkit-backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
:host([variant='frost']:not([color])) ${e} {
|
|
382
|
+
background: color-mix(in oklch, var(--color-canvas) 55%, transparent);
|
|
383
|
+
color: var(--color-contrast);
|
|
384
|
+
text-shadow: var(--text-shadow-xs);
|
|
385
|
+
border: var(--border) solid color-mix(in oklch, var(--color-contrast-400) 45%, transparent);
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
/* Frost neutral without elevation: use halo shadow */
|
|
389
|
+
:host([variant='frost']:not([color]):not([elevation])) ${e} {
|
|
390
|
+
box-shadow: var(--halo-shadow-neutral);
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
/* Frost neutral with elevation: combine halo with elevation shadow */
|
|
394
|
+
:host([variant='frost']:not([color])[elevation]) ${e} {
|
|
395
|
+
box-shadow: var(--halo-shadow-neutral), var(--_shadow);
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
:host([variant='frost'][color]) ${e} {
|
|
399
|
+
background: color-mix(in oklch, var(--_theme-base), transparent);
|
|
400
|
+
border-color: color-mix(in oklch, var(--_theme-border) 45%, transparent);
|
|
401
|
+
color: var(--_theme-content);
|
|
402
|
+
border: var(--border) solid color-mix(in oklch, var(--_theme-border) 45%, transparent);
|
|
403
|
+
backdrop-filter: blur(var(--blur-2xl)) saturate(220%) brightness(1.15);
|
|
404
|
+
-webkit-backdrop-filter: blur(var(--blur-2xl)) saturate(220%) brightness(1.15);
|
|
405
|
+
text-shadow: var(--text-shadow-xs);
|
|
406
|
+
filter: brightness(1.05);
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
/* Frost color without elevation: use halo shadow */
|
|
410
|
+
:host([variant='frost'][color]:not([elevation])) ${e} {
|
|
411
|
+
box-shadow: var(--_theme-halo);
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
/* Frost color with elevation: combine halo with elevation shadow */
|
|
415
|
+
:host([variant='frost'][color][elevation]) ${e} {
|
|
416
|
+
box-shadow: var(--_theme-halo), var(--_shadow);
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
:host([variant='frost']:not([color])) ${e}:hover {
|
|
420
|
+
backdrop-filter: blur(var(--blur-2xl)) saturate(220%) brightness(1.15);
|
|
421
|
+
-webkit-backdrop-filter: blur(var(--blur-2xl)) saturate(220%) brightness(1.15);
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
:host([variant='frost'][color]) ${e}:hover {
|
|
425
|
+
backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
|
|
426
|
+
-webkit-backdrop-filter: blur(var(--blur-3xl)) saturate(240%) brightness(1.2);
|
|
427
|
+
}
|
|
428
|
+
`,_e=e=>c.css`
|
|
429
|
+
@layer refine.base {
|
|
430
|
+
:host {
|
|
431
|
+
/* ── Public token API ─────────────────────────────────────────────── */
|
|
432
|
+
--_bg: var(--${e}-bg, var(--color-canvas));
|
|
433
|
+
--_border-color: var(--${e}-border-color, var(--color-contrast-200));
|
|
434
|
+
--_radius: var(--${e}-radius, var(--rounded-xl));
|
|
435
|
+
--_header-bg: var(--${e}-header-bg, var(--color-contrast-50));
|
|
436
|
+
--_accent: var(--${e}-accent, var(--color-neutral-focus));
|
|
437
|
+
--_row-hover-bg: var(--${e}-row-hover-bg, color-mix(in oklch, var(--_accent) 6%, transparent));
|
|
438
|
+
--_stripe-bg: var(--${e}-stripe-bg, color-mix(in oklch, var(--color-contrast-900) 3%, transparent));
|
|
439
|
+
--_cell-padding-x: var(--${e}-cell-padding-x, var(--size-3));
|
|
440
|
+
--_cell-padding-y: var(--${e}-cell-padding-y, var(--size-2-5));
|
|
441
|
+
--_font-size: var(--${e}-font-size, var(--text-sm));
|
|
442
|
+
|
|
443
|
+
display: block;
|
|
444
|
+
overflow: hidden;
|
|
445
|
+
background: var(--_bg);
|
|
446
|
+
border: var(--border) solid var(--_border-color);
|
|
447
|
+
border-radius: var(--_radius);
|
|
448
|
+
box-shadow: var(--${e}-shadow, var(--shadow-sm));
|
|
449
|
+
}
|
|
450
|
+
|
|
451
|
+
/* ── Scroll wrapper ─────────────────────────────────────────────────── */
|
|
452
|
+
|
|
453
|
+
.scroll-container {
|
|
454
|
+
overflow: auto;
|
|
455
|
+
max-height: var(--${e}-max-height, none);
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
/* ── Native table ───────────────────────────────────────────────────── */
|
|
459
|
+
|
|
460
|
+
table {
|
|
461
|
+
width: 100%;
|
|
462
|
+
font-size: var(--_font-size);
|
|
463
|
+
table-layout: auto;
|
|
464
|
+
border-collapse: collapse;
|
|
465
|
+
background: var(--_bg);
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
/* ── Loading state ──────────────────────────────────────────────────── */
|
|
469
|
+
|
|
470
|
+
:host([loading]) .scroll-container {
|
|
471
|
+
opacity: 0.5;
|
|
472
|
+
pointer-events: none;
|
|
473
|
+
cursor: wait;
|
|
474
|
+
}
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
@layer refine.variants {
|
|
478
|
+
/* Bordered */
|
|
479
|
+
:host([bordered]) {
|
|
480
|
+
overflow: hidden;
|
|
481
|
+
border: var(--border) solid var(--_border-color);
|
|
482
|
+
border-radius: var(--_radius);
|
|
483
|
+
box-shadow: var(--shadow-xs);
|
|
484
|
+
}
|
|
485
|
+
|
|
486
|
+
:host([bordered]) .scroll-container {
|
|
487
|
+
border-radius: inherit;
|
|
488
|
+
clip-path: inset(0 round var(--_radius));
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
/* Sticky header */
|
|
492
|
+
:host([sticky]) .scroll-container {
|
|
493
|
+
max-height: var(--${e}-sticky-max-height, 24rem);
|
|
494
|
+
overflow-y: auto;
|
|
495
|
+
}
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
@layer refine.density {
|
|
499
|
+
:host([density='compact']) {
|
|
500
|
+
--_cell-padding-x: var(--size-2);
|
|
501
|
+
--_cell-padding-y: var(--size-1-5);
|
|
502
|
+
}
|
|
503
|
+
|
|
504
|
+
:host([density='cozy']) {
|
|
505
|
+
--_cell-padding-x: var(--size-3);
|
|
506
|
+
--_cell-padding-y: var(--size-2-5);
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
:host([density='comfortable']) {
|
|
510
|
+
--_cell-padding-x: var(--size-4);
|
|
511
|
+
--_cell-padding-y: var(--size-3-5);
|
|
512
|
+
}
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
@layer refine.overrides {
|
|
516
|
+
:host([fullwidth]) {
|
|
517
|
+
width: 100%;
|
|
518
|
+
}
|
|
519
|
+
}
|
|
520
|
+
`,ve=[W,se,B,V],ye=[W,R,z,V,ie],be=!globalThis.__REFINE_PROD__;function K(e){be&&console.warn(`[@vielzeug/refine] ${e}`)}var xe=`@layer refine.base{:host{vertical-align:middle;color:inherit;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))}`,Se=16,Ce=2,we=24,Te=new Set([`circle`,`clipPath`,`defs`,`ellipse`,`g`,`line`,`linearGradient`,`mask`,`path`,`polygon`,`polyline`,`radialGradient`,`rect`,`stop`,`symbol`,`use`]),Ee=/^[a-zA-Z][a-zA-Z0-9:_-]*$/,De=/^(on|xlink:|xml:|href$)/i,Oe=new Map(Object.entries(u.icons));function ke(e){for(let[t,n]of Object.entries(e))Oe.set(t,n)}var Ae=e=>Object.entries(e).filter(([e])=>Ee.test(e)&&!De.test(e)).map(([e,t])=>`${e}="${String(t).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`).replace(/>/g,`>`)}"`).join(` `),je=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(``),Me=e=>{if(e==null||e===``)return Se;let t=Number(e);return Number.isFinite(t)&&t>0&&/^\d+(\.\d+)?$/.test(e.trim())?t:e},Ne=`ore-icon`;(0,c.define)(Ne,{props:{absoluteStrokeWidth:c.prop.bool(),label:c.prop.string(),name:c.prop.string(),size:{default:Se,parse:Me,reflect:!1},solid:c.prop.bool(),strokeWidth:c.prop.number(Ce)},setup(e,{bind:t}){return t({attr:{"aria-hidden":()=>(e.label.value??``).trim()?null:`true`,"aria-label":()=>(e.label.value??``).trim()||null,role:()=>(e.label.value??``).trim()?`img`:null},style:{"--_size-px":()=>{let t=e.size.value;return typeof t==`number`?`${t}px`:String(t)}}}),c.html`${A((0,l.computed)(()=>{let t=(e.name.value??``).trim();if(!t)return``;let n=Oe.get(t)??Oe.get(je(t));if(!n)return K(`ore-icon: icon not found: "${String(t).slice(0,64)}"`),``;let r=e.size.value,i=typeof r==`number`?r:we,a=e.absoluteStrokeWidth.value&&!e.solid.value?e.strokeWidth.value*(we/i):e.strokeWidth.value,o=n.filter(([e])=>Te.has(e)).map(([e,t])=>{let n={};for(let[e,r]of Object.entries(t))r!==void 0&&(n[e]=r);return`<${e} ${Ae(n)} />`}).join(``);return`<svg ${Ae({fill:e.solid.value?`currentColor`:`none`,part:`svg`,stroke:e.solid.value?`none`:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":e.solid.value?0:a,style:`width:100%;height:100%`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`})}>${o}</svg>`}))}`},styles:[xe]});var Pe=`@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}}`,Fe=`ore-copy-command`;(0,c.define)(Fe,{props:{rounded:c.prop.string(`md`),size:c.prop.string(`md`),value:c.prop.string(``),variant:c.prop.string(`flat`)},setup(e,{emit:t,onCleanup:n,slots:r}){let i=(0,l.signal)(!1),a=(0,l.signal)(!1),o=null;n(()=>{o!==null&&clearTimeout(o)});let s=async()=>{let n=e.value.value??``;if(n){o!==null&&clearTimeout(o);try{await navigator.clipboard.writeText(n),i.value=!0,a.value=!1,t(`copy`,{value:n})}catch{i.value=!1,a.value=!0}o=setTimeout(()=>{i.value=!1,a.value=!1,o=null},2e3)}},u=(0,l.computed)(()=>r.has(`suffix`).value);return c.html`
|
|
521
|
+
<div class="wrapper" part="wrapper">
|
|
522
|
+
<button class="command" part="command" type="button" :aria-label="${(0,l.computed)(()=>i.value?`Copied!`:a.value?`Copy failed — press to try again`:`Copy: ${e.value.value??``}`)}" @click=${s}>
|
|
523
|
+
<code class="command-text" part="command-text">${e.value}</code>
|
|
524
|
+
<span class="copy-icon" part="copy-icon" aria-hidden="true">
|
|
525
|
+
${()=>i.value?c.html`<ore-icon name="check" size="14" class="icon-copied" aria-hidden="true"></ore-icon>`:a.value?c.html`<ore-icon name="circle-alert" size="14" class="icon-failed" aria-hidden="true"></ore-icon>`:c.html`<ore-icon name="copy" size="14" aria-hidden="true"></ore-icon>`}
|
|
526
|
+
</span>
|
|
527
|
+
</button>
|
|
528
|
+
<div class="suffix" part="suffix" ?hidden="${()=>!u.value}">
|
|
529
|
+
<slot name="suffix"></slot>
|
|
530
|
+
</div>
|
|
531
|
+
</div>
|
|
532
|
+
<div role="status" class="sr-only">
|
|
533
|
+
${()=>i.value?`Copied to clipboard.`:a.value?`Copy failed. Select the command text and copy it manually.`:``}
|
|
534
|
+
</div>
|
|
535
|
+
`},styles:[L,Pe]});var q={color:c.prop.string()},J={size:c.prop.string()},Y={disabled:c.prop.bool(!1)},Ie={loading:c.prop.bool(!1)},X={rounded:c.prop.string()},Le={elevation:c.prop.number()},Re={...q,...J,...Y,...Ie,...X},ze={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)`}},Be={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)`}},Ve={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)`}},He={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)`}},Ue={lg:{fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-5)`},md:{fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},We={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)`}},Ge=`@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%}}`,Ke=`ore-progress`;(0,c.define)(Ke,{props:{...q,...J,"floating-label":c.prop.string(),indeterminate:c.prop.bool(!1),label:c.prop.string(),max:c.prop.number(100),title:c.prop.string(),type:c.prop.oneOf([`linear`,`circular`,`vertical`],`linear`),value:c.prop.number(0),"value-text":c.prop.string()},setup(e,{el:t,watch:n}){let r=2*Math.PI*45,i=(0,l.computed)(()=>`${Math.max(0,Math.min(Number(e.value.value),Number(e.max.value)))/Math.max(1,Number(e.max.value))*100}%`),a=(0,l.computed)(()=>r-Math.max(0,Math.min(Number(e.value.value),Number(e.max.value)))/Math.max(1,Number(e.max.value))*r),o=()=>e.indeterminate.value?null:String(e.value.value),s=()=>e.label.value??e.title.value??`Progress`,u=N({"--_circ":`${r}px`}),d=()=>e.indeterminate.value?void 0:`${r}px`,f=()=>e.indeterminate.value?void 0:`${a.value}px`,p=(0,l.computed)(()=>e.type.value===`vertical`),m=N({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=()=>c.html` <div
|
|
536
|
+
class="circular-track"
|
|
537
|
+
role="progressbar"
|
|
538
|
+
:aria-valuenow="${o}"
|
|
539
|
+
aria-valuemin="0"
|
|
540
|
+
:aria-valuemax="${e.max}"
|
|
541
|
+
:aria-label="${s}"
|
|
542
|
+
:aria-valuetext="${e[`value-text`]}"
|
|
543
|
+
:style="${u}">
|
|
544
|
+
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
|
|
545
|
+
<circle class="circle-bg" cx="50" cy="50" r="${45}"></circle>
|
|
546
|
+
<circle
|
|
547
|
+
class="circle-fill"
|
|
548
|
+
cx="50"
|
|
549
|
+
cy="50"
|
|
550
|
+
r="${45}"
|
|
551
|
+
:stroke-dasharray="${d}"
|
|
552
|
+
:stroke-dashoffset="${f}"></circle>
|
|
553
|
+
</svg>
|
|
554
|
+
<div class="circular-inner">
|
|
555
|
+
<span class="circular-label">${()=>e.label.value??``}</span>
|
|
556
|
+
<span class="circular-title">${()=>e.title.value??``}</span>
|
|
557
|
+
</div>
|
|
558
|
+
</div>`,g=()=>c.html` <div class="wrapper">
|
|
559
|
+
<div class="header">
|
|
560
|
+
<span class="progress-title">${()=>e.title.value??``}</span>
|
|
561
|
+
<span class="end-label header-label">${()=>e.label.value??``}</span>
|
|
562
|
+
</div>
|
|
563
|
+
<div :class=${()=>`bar-row${p.value?` bar-row-vertical`:``}`}>
|
|
564
|
+
<div class="track-outer">
|
|
565
|
+
<div
|
|
566
|
+
class="track"
|
|
567
|
+
role="progressbar"
|
|
568
|
+
:aria-valuenow="${o}"
|
|
569
|
+
aria-valuemin="0"
|
|
570
|
+
:aria-valuemax="${e.max}"
|
|
571
|
+
:aria-label="${s}"
|
|
572
|
+
:aria-valuetext="${e[`value-text`]}">
|
|
573
|
+
<div class="fill" part="fill" :style="${m}"></div>
|
|
574
|
+
</div>
|
|
575
|
+
${()=>p.value?null:c.html`<span class="floating-label">${e[`floating-label`]}</span>`}
|
|
576
|
+
</div>
|
|
577
|
+
<span class="end-label row-label">${()=>e.label.value??``}</span>
|
|
578
|
+
</div>
|
|
579
|
+
</div>`;return c.html` ${()=>e.type.value===`circular`?h():g()} `},styles:[W,G,z,Ge]});var Z=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},qe=e=>(0,l.computed)(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),Je=e=>(0,l.computed)(()=>{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}}),Ye=e=>{let t=(0,l.computed)(()=>!!e.disabled?.value),n=e.validateOn,r=e.id??(0,c.createStableId)(e.prefix??`field`),i=(0,c.createStableId)(`helper`),a=t=>{n?.value===t&&e.getFormField?.()?.reportValidity()},o=(0,c.createStableId)(`label`),s=(0,c.createStableId)(`error`),u=e.label??(0,l.computed)(()=>void 0),d=e.hasLabel??(0,l.computed)(()=>!!u.value),f=qe({error:e.error,helper:e.helper}),p=(0,l.computed)(()=>f.value.errorText||f.value.helperText?i:null),m=(0,l.computed)(()=>f.value.errorText?s:null),h=(0,l.computed)(()=>f.value.errorText?`true`:null),g=(0,l.computed)(()=>d.value?o:null);return{ariaDescribedBy:p,ariaErrorMessage:m,ariaInvalid:h,ariaLabelledBy:g,ariaProps:()=>({"aria-describedby":p.value,"aria-errormessage":m.value,"aria-invalid":h.value,"aria-labelledby":g.value}),assistiveId:i,disabled:t,errorId:s,errorText:(0,l.computed)(()=>f.value.errorText),fieldId:r,helperText:(0,l.computed)(()=>f.value.helperText),labelId:o,labelVisible:d,triggerValidation:a}},Xe=(e,t,n=e=>e)=>{let r=(0,l.signal)((0,l.untrack)(()=>n(e.value))),i=(0,l.watch)(e,e=>{r.value=n(e)});return t&&t.addEventListener(`abort`,()=>i.dispose(),{once:!0}),r},Ze=e=>{let t=Xe(e.value,e.signal,e=>String(e??``)),n=Ye(e),r=e.maxLength?Je({maxLength:e.maxLength,value:t}):null,i=r=>{r?.preventDefault?.(),t.value=``,e.onInput?.(r??new InputEvent(`input`,{bubbles:!0}),``),e.onChange?.(r??new Event(`change`,{bubbles:!0}),``),n.triggerValidation(`change`)},a=(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:i,counter:r,value:t,wire:a}},Qe=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],$e=e=>{let t=(0,l.signal)([]),n=(0,l.computed)(()=>!!e.multiple?.value),r=(0,l.computed)(()=>n.value?t.value.join(`,`):t.value[0]??``),i=e=>{let t=n.value?e:e.slice(0,1);return[...new Set(t.filter(Boolean))]},a=e=>{t.value=i(e)},o=()=>a([]),s=e=>{t.value=t.value.filter(t=>t!==e)},c=e=>{if(n.value){t.value.includes(e)||a([...t.value,e]);return}a([e])},u=e=>{n.value&&t.value.includes(e)?s(e):c(e)},d=e=>{a(Qe(e))},f=Ye(e),p=(0,l.watch)(e.value,d,{immediate:!0});if(e.signal.addEventListener(`abort`,()=>p.dispose(),{once:!0}),e.multiple){let t=(0,l.watch)(e.multiple,()=>d(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}return{...f,clear:o,formValue:r,removeValue:s,selectedValue:(0,l.computed)(()=>t.value[0]),selectedValues:t,selectValue:c,setValues:a,toggleValue:u}},et=(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},tt=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()?!1:(e.onPress?.(n,`pointer`),!0),handleFocus:n=>{t()||e.onFocus?.(n)},handleKeydown:t=>et(t,{disabled:e.disabled,keymap:r})}},nt=e=>{let t=Xe(e.checked,e.signal,Boolean),n=e.indeterminate?Xe(e.indeterminate,e.signal,Boolean):(0,l.signal)(!1),r=(0,l.computed)(()=>n.value?null:t.value?e.value.value??``:null),i=Ye(e),a=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),o=r=>{if(!i.disabled.value){if(e.group){n.value=!1,e.group.toggle(e.value.value??``,r),e.onToggle?.(a(r));return}e.clearIndeterminateFirst&&n.value||(t.value=!t.value),n.value=!1,e.onToggle?.(a(r))}},s=tt({disabled:i.disabled,onPress:e=>o(e)});return{...i,checkableFormValue:r,checked:t,handleClick:s.handleClick,handleKeydown:s.handleKeydown,indeterminate:n,toggle:o}},rt=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}},it=class extends rt{},at=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}},ot=(e,t,n)=>{for(let r=t;r<e.length;r++)if(n(e[r],r))return r;return-1},st=(e,t,n)=>{for(let r=t;r>=0;r--)if(n(e[r],r))return r;return-1},ct={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`]}},lt=e=>typeof e==`object`&&!!e&&`disabled`in e,ut=e=>{let t=(0,l.signal)(-1),n=(t,n)=>e.isItemDisabled?.(t,n)??(lt(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`?ot(e,t,(e,t)=>!n(e,t)):st(e,t,(e,t)=>!n(e,t)),a=r=>{if(r<0)return u(),-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=i(o,s<0?n===`forward`?0:o.length-1:n===`forward`?s+1:s-1,n),l=n===`forward`?`next`:`prev`;if(c>=0)return r(c,l,a);if(e.loop){let e=i(o,n===`forward`?0:o.length-1,n);if(e>=0)return r(e,l,a)}return s},s=t=>{let n=e.getItems();return n.length?t===`first`?r(i(n,0,`forward`),`first`):t===`last`?r(i(n,n.length-1,`backward`),`last`):o(t===`next`?`forward`:`backward`):-1},c=()=>{let n=e.getItems(),r=t.value;return r>=0&&r<n.length?n[r]:void 0},u=()=>{t.value=-1},d=()=>!!e.disabled?.value,f=()=>typeof e.orientation==`function`?e.orientation():e.orientation??`vertical`,p=()=>{let t=e.keys,n=ct[f()],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;r(t===`first`?i(a,0,`forward`):i(a,a.length-1,`backward`),t,n)}else o(t===`next`?`forward`:`backward`,n)};return s},m=e.getItemLabel?at({getIndex:()=>t.value,getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:(e,t)=>n(e,t),onNavigate:(n,r)=>{d()||(t.value=n,e.onNavigate?.(`typeahead`,n,r))}}):null,h=typeof e.orientation==`function`?null:p(),g=t=>{let n=h??p();return et(t,{disabled:e.disabled,keymap:n})?!0:m?.handleKeydown(t)??!1},_=()=>{m?.reset()};return e.signal&&e.signal.addEventListener(`abort`,_,{once:!0}),{focusedIndex:t,getActiveItem:c,handleKeydown:g,navigate:s,reset:u,set:a,[Symbol.dispose]:_}},dt=e=>{let t=null,n=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,r=t=>{if(!e.isOpen())return;let n=t.composedPath?.()??[],r=e.getBoundary(),i=e.getPanel?.()??null,a=n[0]??t.target,s=a instanceof Node?a:null,c=n.some(e=>e===r||e===i),l=s?(r?.contains(s)??!1)||(i?.contains(s)??!1):!1;!c&&!l&&o(`outsideClick`)},i=e=>{e?document.addEventListener(`pointerdown`,r,{capture:!0}):document.removeEventListener(`pointerdown`,r,{capture:!0})},a=(n=`programmatic`)=>{e.isDisabled?.()||e.isOpen()||(e.setOpen(!0,n),i(!0),e.positioner&&(e.positioner.update(),t=e.positioner.startAutoUpdate?.()??null),e.onOpen?.(n))},o=(r=`programmatic`,a,o=!1)=>{e.isOpen()&&(e.setOpen(!1,r),i(!1),t&&=(t(),null),(a??n())&&e.getTrigger?.()?.focus(),o||e.onClose?.(r))},s=(t=`click`,n=`trigger`)=>{e.isOpen()?o(n):a(t)},c=()=>{e.isOpen()&&o(`programmatic`,!1,!0),i(!1),t&&=(t(),null)};return e.signal.addEventListener(`abort`,c,{once:!0}),{close:o,dispose:c,open:a,[Symbol.dispose]:c,toggle:s}};function ft(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 pt=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function mt({getDir:e,getFloating:t,getPlacement:n,getReference:r,matchWidth:i=!0,offsetPx:a=0,padding:o=6}){function s(){let t=n?.()??`bottom-start`;return(e?.()??ft(r()))===`rtl`?pt(t):t}function c(){let e=r(),n=t();if(!e||!n)return;let c=s(),l=(0,d.computePosition)(e,n,{middleware:[...a?[(0,d.offset)(a)]:[],(0,d.flip)({padding:o}),(0,d.shift)({padding:o}),...i?[(0,d.size)({padding:o})]:[]],placement:c});n.style.left=`${l.x}px`,n.style.top=`${l.y}px`,i&&(n.style.width=`${e.getBoundingClientRect().width}px`)}function l(){let e=r(),n=t();return!e||!n?()=>{}:(0,d.autoUpdate)(e,n,c)}return{floating:t,reference:r,startAutoUpdate:l,update:c}}var ht=e=>{if(typeof e.getBoundary!=`function`)throw new it(`createOptionList: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new it(`createOptionList: getPanel is required`);if(typeof e.getReference!=`function`)throw new it(`createOptionList: getReference is required`);let t=(0,l.signal)(!1),n=(0,l.computed)(()=>String(t.value)),r=mt({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),i=()=>{e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},a=ut({disabled:(0,l.computed)(()=>!t.value),getItemLabel:e.getItemLabel,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:(t,n,r)=>{i(),n>=0&&e.onNavigate?.(t,n,r)},orientation:e.orientation,signal:e.signal}),o=(0,l.computed)(()=>{let n=a.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),s=dt({getBoundary:e.getBoundary,getPanel:e.getPanel,getTrigger:e.getTrigger,isDisabled:e.isDisabled,isOpen:()=>t.value,onClose:e.onClose,onOpen:e.onOpen,positioner:r,restoreFocus:e.restoreFocus,setOpen:e=>{t.value=e,e||a.reset()},signal:e.signal});return{ariaActiveDescendant:o,ariaExpanded:n,close:e=>s.close(e),focusedIndex:a.focusedIndex,getActiveItem:a.getActiveItem,handleKeydown:e=>t.value?e.key===`Escape`?(e.preventDefault(),s.close(`escape`),!0):a.handleKeydown(e):!1,isOpen:t,navigate:a.navigate,open:e=>s.open(e),scrollFocusedIntoView:i,set:a.set,toggle:(e,t)=>s.toggle(e,t),updatePosition:r.update}},gt=e=>{let t=(0,l.signal)(0),n=()=>{let t=e.pageSize;return t===void 0?10:typeof t==`number`?t:t.value??10},r=(0,l.computed)(()=>Math.ceil(e.getItems().length/n())),i=(0,l.computed)(()=>r.value===0?-1:Math.min(t.value,r.value-1)),a=(0,l.computed)(()=>{let t=i.value,r=n(),a=t*r;return e.getItems().slice(a,a+r)});return{goTo:e=>{Number.isFinite(e)&&(t.value=Math.max(0,e))},hasNext:(0,l.computed)(()=>r.value>0&&i.value<r.value-1),hasPrev:(0,l.computed)(()=>i.value>0),next:()=>{r.value>0&&i.value<r.value-1&&(t.value=i.value+1)},pageCount:r,pageIndex:i,pageItems:a,prev:()=>{i.value>0&&(t.value=i.value-1)},reset:()=>{t.value=0}}},_t=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},vt=(e,t)=>_t(e)??t,yt=(e,t)=>Math.abs(vt(e,t))||t,bt=e=>{let t=()=>!!e.disabled?.value||!!e.readonly?.value,n=()=>_t(e.min?.value),r=()=>_t(e.max?.value),i=e=>(0,f.clamp)(e,n(),r()),a=()=>yt(e.step?.value,1),o=()=>{let t=a();return yt(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()?!1:et(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}},xt=e=>{let t=()=>vt(e.min?.value,0),n=()=>vt(e.max?.value,100),r=()=>yt(e.step?.value,1),i=e=>{let r=t(),i=n();return(0,f.clamp)(vt(e,r),r,i)},a=e=>{let n=t();return i(Math.round(vt(e,n)/r())*r())},o=e=>{let r=t(),i=n(),a=vt(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();return a(o+i*(n()-o))},c=(e,a)=>{let o=vt(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?!1:(t.preventDefault(),r(i),!0)},max:n,min:t,nextFromKey:c,snap:a,toPercent:o}},St=e=>e.axis?.()??`x`,Ct=e=>{let t=e.threshold?.()??48;return Number.isFinite(t)&&t>0?t:1},wt=(e,t)=>t===`x`?e.clientX:e.clientY,Tt=e=>e.currentTarget instanceof HTMLElement?e.currentTarget:e.target instanceof HTMLElement?e.target:null,Et=e=>{let t=null,n=()=>!!e.disabled?.value,r=()=>{t=null},i=e=>t?.pointerId===e.pointerId,a=e=>{if(!t)return null;let n=wt(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:r,handlePointerCancel:n=>{if(!t||!i(n))return!1;let o=a(n);return r(),o&&e.onCancel?.(o),!0},handlePointerDown:r=>{if(t||n())return!1;let i=St(e);t={axis:i,pointerId:r.pointerId,start:wt(r,i),threshold:Ct(e)},(typeof e.captureTarget==`function`?e.captureTarget(r):Tt(r))?.setPointerCapture?.(r.pointerId);let o=a(r);return o&&e.onStart?.(o),!0},handlePointerMove:n=>{if(!t||!i(n))return!1;let o=a(n);return o?(e.onMove?.(o),e.shouldCommit?.(o)??Math.abs(o.distance)>=o.threshold?(r(),e.onCommit?.(o),!0):!0):!1},handlePointerUp:n=>{if(!t||!i(n))return!1;let o=a(n);return r(),o&&e.onRelease?.(o),!0},isActive:()=>t!=null,[Symbol.dispose]:r}},Dt=new WeakMap,Ot=new WeakMap,kt=(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=te,t.body.appendChild(n),n},At=(e,t)=>{let n=Dt.get(t);return n?.[e]&&!t.body.contains(n[e])&&(n[e]=void 0),n?.[e]||(n||(n={},Dt.set(t,n)),n[e]=kt(e,t)),n[e]??null},jt=(e,t={})=>{if(typeof document>`u`)return;let n=At(t.politeness??`polite`,document);if(!n)return;n.textContent=``;let r=Ot.get(n);r!==void 0&&clearTimeout(r);let i=setTimeout(()=>{n.textContent=e,Ot.delete(n)},50);Ot.set(n,i)};function Mt(e){if(!e)return null;try{return(0,p.parsePlainDate)(e)}catch{return null}}function Nt(e){return e?e.toString():null}function Pt(e,t){return(0,p.format)(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,tz:`UTC`})}function Ft(){return p.Temporal.Now.plainDateISO()}function It(e){return e%7}function Lt(e){let t=e.value??null,n=`day`,r=t??Ft(),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&&p.Temporal.PlainDate.compare(t,e.min)<0||e.max&&p.Temporal.PlainDate.compare(t,e.max)>0)}function l(e){return!!(c(e)||s().includes(It(e.dayOfWeek)))}function u(){let e=Ft(),n=p.Temporal.PlainDate.from({day:1,month:a,year:i}),r=It(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&&p.Temporal.PlainDate.compare(r,t)===0,isToday:p.Temporal.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=p.Temporal.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:l(r),iso:r.toString(),isOutsideMonth:!1,isSelected:t!==null&&p.Temporal.PlainDate.compare(r,t)===0,isToday:p.Temporal.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&&p.Temporal.PlainDate.compare(r,t)===0,isToday:p.Temporal.PlainDate.compare(r,e)===0,plain:r})}return o}function d(){let n=[],r=o();for(let a=1;a<=12;a++){let o=p.Temporal.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=(e.min!==null&&e.min!==void 0?p.Temporal.PlainDate.compare(s,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?p.Temporal.PlainDate.compare(o,e.max)>0:!1);n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:(0,p.format)(o,{intl:{month:`long`},locale:r,tz:`UTC`}),month:a,shortLabel:(0,p.format)(o,{intl:{month:`short`},locale:r,tz:`UTC`})})}return n}function f(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=p.Temporal.PlainDate.from({day:1,month:1,year:i}),a=p.Temporal.PlainDate.from({day:31,month:12,year:i}),o=(e.min!==null&&e.min!==void 0?p.Temporal.PlainDate.compare(a,e.min)<0:!1)||(e.max!==null&&e.max!==void 0?p.Temporal.PlainDate.compare(n,e.max)>0:!1);r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function m(){let e=(0,p.parsePlainDate)(`2024-01-07`),t=o();return Array.from({length:7},(n,r)=>(0,p.format)(e.add({days:r}),{intl:{weekday:`short`},locale:t,tz:`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:m,yearCells:f}}function Rt(e){let t=null,n=null;return{applyInitialFocus(){n!==null&&(cancelAnimationFrame(n),n=null);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(){n!==null&&(cancelAnimationFrame(n),n=null)},captureReturnFocus(){t=document.activeElement},restoreFocus(){e.getReturnFocus()!==!1&&t&&(t.focus(),t=null)}}}var zt=(e,t)=>Array.from(e.getElementsByTagName(t)),Bt=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,Vt=e=>{let t=(0,l.signal)(new Set),n=e=>t.value.has(e),r=()=>{let n=e.pageItems();return n.length?n.every(n=>t.value.has(e.getRowKey(n))):!1},i=n=>{t.value=n,e.onSelectionChange?.(n)};return{clearSelection:()=>{i(new Set)},isAllSelected:r,isSelected:n,selectAll:()=>{if(e.selectionMode()!==`multi`)return;let n=e.pageItems();if(r()){let r=new Set(t.value);for(let t of n)r.delete(e.getRowKey(t));i(r)}else{let r=new Set(t.value);for(let t of n)r.add(e.getRowKey(t));i(r)}},selectedKeys:(0,l.computed)(()=>new Set(t.value)),setSelection:e=>{i(new Set(e))},toggleRow:n=>{let r=e.selectionMode();if(r===`none`)return;let a=new Set(t.value);a.has(n)?a.delete(n):(r===`single`&&a.clear(),a.add(n)),i(a)}}},Ht=e=>{let t=e.items,n=(0,l.signal)(``),r=(0,l.signal)(`none`),i=(0,l.computed)(()=>({direction:r.value,key:n.value}));return{sortBy:t=>{n.value===t?r.value===`asc`?r.value=`desc`:r.value===`desc`&&(n.value=``,r.value=`none`):(n.value=t,r.value=`asc`),e.onSortChange?.({direction:r.value,key:n.value})},sortedItems:(0,l.computed)(()=>{let i=t.value,a=n.value,o=r.value;if(!a||o===`none`)return i;let s=e.columns().find(e=>e.key===a);return i.slice().sort((e,t)=>{let n=s?.sortValue?s.sortValue(e):e[a],r=s?.sortValue?s.sortValue(t):t[a],i=typeof n==`number`&&typeof r==`number`?n-r:String(n??``).localeCompare(String(r??``));return o===`asc`?i:-i})}),sortState:i,sortTo:(t,i)=>{i===`none`?(n.value=``,r.value=`none`):(n.value=t,r.value=i),e.onSortChange?.({direction:r.value,key:n.value})}}},Ut=e=>{let t=Ht({columns:e.columns,items:e.items,onSortChange:e.onSortChange}),n=gt({getItems:()=>t.sortedItems.value,pageSize:(0,l.computed)(()=>{let t=e.pageSize();return t<=0?2**53-1:t})}),r=(0,l.computed)(()=>t.sortedItems.value.length),i=(0,l.computed)(()=>e.pageSize()<=0?t.sortedItems.value:n.pageItems.value),a=e=>{t.sortBy(e),n.reset()},o=(e,r)=>{t.sortTo(e,r),n.reset()},s=Vt({getRowKey:e.getRowKey,onSelectionChange:e.onSelectionChange,pageItems:()=>n.pageItems.value,selectionMode:e.selectionMode}),c=(0,l.computed)(()=>e.items.value.filter(t=>s.selectedKeys.value.has(e.getRowKey(t))));return{clearSelection:s.clearSelection,currentPageItems:i,goToPage:e=>{Number.isFinite(e)&&n.goTo(Math.max(0,e))},hasNextPage:n.hasNext,hasPrevPage:n.hasPrev,isAllSelected:s.isAllSelected,isSelected:s.isSelected,nextPage:n.next,pageCount:n.pageCount,pageIndex:n.pageIndex,prevPage:n.prev,selectAll:s.selectAll,selectedKeys:s.selectedKeys,selectedRows:c,setSelection:s.setSelection,sortBy:a,sortState:t.sortState,sortTo:o,toggleRow:s.toggleRow,totalItems:r}},Wt=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},Gt=`@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=marquee]){overflow:hidden}:host([variant=marquee]) .track{gap:var(--carousel-marquee-gap,var(--size-4));width:max-content;animation:carousel-marquee var(--_marquee-duration,0s) linear infinite;flex-direction:row;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}:host([variant=marquee]) .track: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([variant=marquee]) .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}:host([variant=marquee][orientation=vertical]) .track{flex-direction:column;align-items:stretch;width:100%;height:max-content;animation-name:carousel-marquee-v;inset:0 0 auto}: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}:host([variant=marquee]) .track,:host([variant=marquee][orientation=vertical]) .track{animation:none}}@keyframes carousel-fill{0%{width:0%}to{width:100%}}@keyframes carousel-fill-v{0%{height:0%}to{height:100%}}@keyframes carousel-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes carousel-marquee-v{0%{transform:translateY(0)}to{transform:translateY(-50%)}}`,Kt=`: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}:host([data-variant=marquee]){pointer-events:auto;opacity:1;flex:none;transition:none;position:relative;inset:auto;transform:none}:host([data-variant=marquee][data-orientation=horizontal]){width:auto;height:100%}:host([data-variant=marquee][data-orientation=vertical]){width:100%;height:auto}:host([data-variant=marquee][data-marquee-clone]){pointer-events:none;-webkit-user-select:none;user-select:none}::slotted(*){max-width:100%}`,qt=`ore-carousel-slide`;(0,c.define)(qt,{props:{},setup(e,{bind:t}){return t({attr:{"aria-roledescription":()=>`slide`,role:()=>`group`}}),c.html`<slot></slot>`},styles:[Kt]});var Jt=`ore-carousel`,Yt=(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)})},Xt=(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`)})},Zt=(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)})},Qt=(e,t)=>{e.forEach((e,n)=>{e.toggleAttribute(`data-active`,n===t),e.setAttribute(`aria-hidden`,`false`),e.removeAttribute(`data-before`),e.removeAttribute(`data-after`),e.removeAttribute(`data-gallery-visible`)})};(0,c.define)(Jt,{props:{autoplay:c.prop.bool(!1),"autoplay-interval":c.prop.number(5e3),color:c.prop.string(),label:c.prop.string(`Carousel`),loop:c.prop.bool(!0),"marquee-duration":c.prop.number(10),orientation:c.prop.string(`horizontal`),"show-controls":c.prop.bool(!0),"show-indicators":c.prop.bool(!0),"slide-index":c.prop.number(0),variant:c.prop.string(`default`)},setup(e,{bind:t,el:n,emit:r,onMounted:i}){let a=(0,l.signal)(e[`slide-index`].value??0),o=(0,l.computed)(()=>e.variant.value===`marquee`),s=null,u=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),d=(0,l.signal)(u.length),f=()=>{u=Array.from(n.querySelectorAll(`:scope > ore-carousel-slide`)),d.value=u.length},p=(0,l.computed)(()=>e.orientation.value!==`vertical`),m=(0,l.computed)(()=>e.loop.value!==!1),h=(0,l.computed)(()=>e[`show-controls`].value!==!1),g=(0,l.computed)(()=>e[`show-indicators`].value!==!1),_=(0,l.computed)(()=>m.value||a.value>0),v=(0,l.computed)(()=>m.value||a.value<d.value-1),y=null,b=(e,t=!0)=>{let i=d.value;if(i===0)return;let o=m.value?(e%i+i)%i:Math.max(0,Math.min(e,i-1));o!==a.value&&(a.value=o,n.setAttribute(`slide-index`,String(o)),r(`change`,{index:o}),y?.seekTo(o,u),t&&jt(u[o]?.getAttribute(`aria-label`)??`Slide ${o+1} of ${i}`))},x=()=>b(a.value-1),S=()=>b(a.value+1);(0,l.watch)(e[`slide-index`],e=>{typeof e==`number`&&e!==a.value&&b(e,!1)});let C=()=>{let t=e.variant.value??`default`,n=e.orientation.value??`horizontal`;u.forEach(e=>{e.setAttribute(`data-variant`,t),e.setAttribute(`data-orientation`,n)})};(0,l.watch)((0,l.computed)(()=>({orientation:e.orientation.value,variant:e.variant.value})),C,{immediate:!0});let w={default:Yt,fade:Yt,filmstrip:Xt,gallery:Zt,marquee:Qt},T=()=>{w[e.variant.value??`default`](u,a.value)};(0,l.watch)(a,T,{immediate:!0});let E=()=>{s===null&&(s=setInterval(S,e[`autoplay-interval`].value??5e3))},D=()=>{s!==null&&(clearInterval(s),s=null)};(0,l.watch)((0,l.computed)(()=>({enabled:e.autoplay.value,interval:e[`autoplay-interval`].value})),({enabled:e})=>{D(),e&&E()});let O=e=>{let t=p.value,n=t?`ArrowLeft`:`ArrowUp`,r=t?`ArrowRight`:`ArrowDown`;e.key===n?(e.preventDefault(),x()):e.key===r?(e.preventDefault(),S()):e.key===`Home`?(e.preventDefault(),b(0)):e.key===`End`&&(e.preventDefault(),b(d.value-1))},k=Et({axis:()=>p.value?`x`:`y`,onCommit:e=>{e.distance<0?S():x()},threshold:()=>48});t({attr:{"aria-label":()=>e.label.value??`Carousel`,"aria-roledescription":()=>`carousel`,orientation:()=>e.orientation.value??`horizontal`,role:()=>`region`,style:()=>`touch-action:${p.value?`pan-y`:`pan-x`}`,variant:()=>e.variant.value??`default`},on:{focusin:()=>{D()},focusout:()=>{e.autoplay.value&&E()},keydown:O,pointercancel:e=>k.handlePointerCancel(e),pointerdown:e=>{e.composedPath().some(e=>e instanceof HTMLElement&&(e.tagName===`BUTTON`||e.tagName===`ORE-BUTTON`||e.tagName===`ORE-PROGRESS`))||k.handlePointerDown(e)},pointerenter:()=>{D()},pointerleave:()=>{e.autoplay.value&&E()},pointermove:e=>k.handlePointerMove(e),pointerup:e=>k.handlePointerUp(e)}});let A=t=>{let r=e.orientation.value??`horizontal`,i=r!==`vertical`;o.value&&e.loop.value===!1&&K(`ore-carousel: loop="false" on the marquee variant stops the scroll animation rather than disabling navigation wrap-around. Navigation in marquee always loops. This is different from loop="false" on other variants.`);let a=u.map(e=>{let n=e.cloneNode(!0);return n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`data-variant`,`marquee`),n.setAttribute(`data-orientation`,r),n.setAttribute(`data-marquee-clone`,``),t.appendChild(n),n});t.style.setProperty(`--_marquee-duration`,`${e[`marquee-duration`].value??10}s`),m.value||t.style.setProperty(`animation-iteration-count`,`1`);let s=!1,c=()=>{s=!0,t.style.setProperty(`animation-play-state`,`paused`)},l=()=>{s=!1,t.style.removeProperty(`animation-play-state`)};n.addEventListener(`mouseenter`,c),n.addEventListener(`mouseleave`,l);let d=null;return{cleanup:()=>{d!==null&&clearTimeout(d),d=null,a.forEach(e=>e.remove()),t.style.removeProperty(`transition`),t.style.removeProperty(`transform`),t.style.removeProperty(`animation`),t.style.removeProperty(`--_marquee-duration`),t.style.removeProperty(`animation-iteration-count`),t.style.removeProperty(`animation-delay`),t.style.removeProperty(`animation-play-state`),n.removeEventListener(`mouseenter`,c),n.removeEventListener(`mouseleave`,l)},seekTo:(r,a)=>{let o=a[r];if(!o)return;let c=i?o.offsetLeft:o.offsetTop,l=i?t.scrollWidth/2:t.scrollHeight/2,u=e[`marquee-duration`].value??10,f=l>0?-(c/l*u):0;if(d!==null&&(clearTimeout(d),d=null,t.style.removeProperty(`transition`)),l===0){t.style.setProperty(`animation-delay`,`${f}s`),s||t.style.removeProperty(`animation-play-state`);return}let p=parseFloat(getComputedStyle(n).getPropertyValue(`--carousel-transition-duration`)||`0.35`)*1e3||350,m=i?`translateX(-${c}px)`:`translateY(-${c}px)`;t.getBoundingClientRect();let h=getComputedStyle(t).transform.match(/matrix\(([^)]+)\)/)?.[1].split(`,`).map(Number),g=i?h?.[4]??0:h?.[5]??0,_=i?`translateX(${g}px)`:`translateY(${g}px)`;t.style.setProperty(`animation`,`none`),t.style.setProperty(`transform`,_),requestAnimationFrame(()=>{t.style.setProperty(`transition`,`transform ${p}ms ease-in-out`),t.style.setProperty(`transform`,m),d=setTimeout(()=>{d=null,t.style.removeProperty(`transition`),t.style.removeProperty(`transform`),t.style.removeProperty(`animation`),t.style.setProperty(`animation-delay`,`${f}s`),s&&t.style.setProperty(`animation-play-state`,`paused`)},p)})}}};i(()=>{let t=n.shadowRoot,r=t.querySelector(`.track`),i=t.querySelector(`slot`),a=()=>{f(),C(),T(),o.value&&(y?.cleanup(),y=A(r))};return i.addEventListener(`slotchange`,a),(0,l.watch)((0,l.computed)(()=>({duration:e[`marquee-duration`].value,isMarquee:o.value,loop:e.loop.value,orientation:e.orientation.value})),({isMarquee:e})=>{y?.cleanup(),y=e?A(r):null},{immediate:!0}),e.autoplay.value&&E(),()=>{D(),k.dispose(),i.removeEventListener(`slotchange`,a),y?.cleanup()}});let j=e=>{(n.shadowRoot?.querySelector(`.indicator[data-index="${e}"]`))?.focus()},M=(e,t)=>{let n=d.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(),b(r),j(r)},N=()=>h.value?c.html`<div class="controls" part="controls">
|
|
580
|
+
<ore-button
|
|
581
|
+
class="nav-btn prev-btn"
|
|
582
|
+
part="prev-btn"
|
|
583
|
+
variant="ghost"
|
|
584
|
+
:color=${()=>e.color.value}
|
|
585
|
+
rounded
|
|
586
|
+
icon-only
|
|
587
|
+
aria-label="Previous slide"
|
|
588
|
+
:disabled=${()=>_.value?void 0:!0}
|
|
589
|
+
@click=${e=>{e.stopPropagation(),x()}}>
|
|
590
|
+
<ore-icon
|
|
591
|
+
:name=${()=>p.value?`chevron-left`:`chevron-up`}
|
|
592
|
+
size="16"
|
|
593
|
+
stroke-width="2"
|
|
594
|
+
aria-hidden="true"></ore-icon>
|
|
595
|
+
</ore-button>
|
|
596
|
+
<ore-button
|
|
597
|
+
class="nav-btn next-btn"
|
|
598
|
+
part="next-btn"
|
|
599
|
+
variant="ghost"
|
|
600
|
+
:color=${()=>e.color.value}
|
|
601
|
+
rounded
|
|
602
|
+
icon-only
|
|
603
|
+
aria-label="Next slide"
|
|
604
|
+
:disabled=${()=>v.value?void 0:!0}
|
|
605
|
+
@click=${e=>{e.stopPropagation(),S()}}>
|
|
606
|
+
<ore-icon
|
|
607
|
+
:name=${()=>p.value?`chevron-right`:`chevron-down`}
|
|
608
|
+
size="16"
|
|
609
|
+
stroke-width="2"
|
|
610
|
+
aria-hidden="true"></ore-icon>
|
|
611
|
+
</ore-button>
|
|
612
|
+
</div>`:c.html``;return c.html`
|
|
613
|
+
<div class="track" part="track" :aria-live=${()=>e.autoplay.value?`off`:`polite`}>
|
|
614
|
+
<slot></slot>
|
|
615
|
+
</div>
|
|
616
|
+
|
|
617
|
+
${()=>g.value&&d.value>1&&!o.value?c.html`<div class="indicators" part="indicators" role="tablist" aria-label="Slide indicators">
|
|
618
|
+
${()=>Array.from({length:d.value},(t,n)=>c.html`<button
|
|
619
|
+
type="button"
|
|
620
|
+
role="tab"
|
|
621
|
+
data-index="${n}"
|
|
622
|
+
:class=${()=>`indicator${!o.value&&n===a.value?` indicator-active`:``}`}
|
|
623
|
+
:aria-selected=${()=>String(!o.value&&n===a.value)}
|
|
624
|
+
:tabindex=${()=>!o.value&&n===a.value?`0`:`-1`}
|
|
625
|
+
aria-label="${`Go to slide ${n+1}`}"
|
|
626
|
+
@click=${()=>b(n)}
|
|
627
|
+
@keydown=${e=>M(e,n)}>
|
|
628
|
+
<ore-progress
|
|
629
|
+
aria-hidden="true"
|
|
630
|
+
tabindex="-1"
|
|
631
|
+
:color=${()=>e.color.value}
|
|
632
|
+
:type=${()=>p.value?`linear`:`vertical`}
|
|
633
|
+
:value=${()=>!o.value&&n===a.value?100:0}
|
|
634
|
+
:style=${()=>{let t=p.value?`carousel-fill`:`carousel-fill-v`;return`--carousel-timeout:${e[`autoplay-interval`].value??5e3};--carousel-animation-name:${!o.value&&n===a.value&&e.autoplay.value?t:`none`}`}}></ore-progress>
|
|
635
|
+
</button>`)}
|
|
636
|
+
${N}
|
|
637
|
+
</div>`:c.html`${N}`}
|
|
638
|
+
`},styles:[Gt]});var $t=`@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}}`,en=`@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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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}}`,tn={away:`Away`,busy:`Busy`,offline:`Offline`,online:`Online`},nn=`ore-avatar`;(0,c.define)(nn,{props:{...q,...J,...X,alt:c.prop.string(),initials:c.prop.string(),src:c.prop.string(),status:c.prop.string()},setup(e){let t=(0,l.signal)(!1);(0,l.watch)(e.src,()=>{t.value=!1});let n=e=>{e&&(e.addEventListener(`error`,()=>{t.value=!0}),e.addEventListener(`load`,()=>{t.value=!1}))},r=(0,l.computed)(()=>{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=(0,l.computed)(()=>!!e.src.value&&!t.value),a=(0,l.computed)(()=>!i.value&&!!r.value),o=(0,l.computed)(()=>!i.value&&!a.value),s=()=>{let t=e.alt.value||null,n=e.status.value,r=n?tn[n]:null;return!t&&!r?null:t?r?`${t}, ${r}`:t:`Status: ${r}`};return c.html`
|
|
639
|
+
<span class="avatar" part="avatar" :aria-label="${s}" :role="${()=>s()?`img`:null}">
|
|
640
|
+
${()=>e.src.value?c.html`<img
|
|
641
|
+
ref="${n}"
|
|
642
|
+
part="img"
|
|
643
|
+
:src="${e.src}"
|
|
644
|
+
:alt="${e.alt}"
|
|
645
|
+
?hidden="${()=>!i.value}"
|
|
646
|
+
aria-hidden="true" />`:``}
|
|
647
|
+
${()=>a.value?c.html`<span class="initials" part="initials" aria-hidden="true">${r}</span>`:``}
|
|
648
|
+
${()=>o.value?c.html`<ore-icon class="icon-fallback" part="fallback" name="user" size="50%"></ore-icon>`:``}
|
|
649
|
+
</span>
|
|
650
|
+
${()=>e.status.value?c.html`<span class="status" part="status" :data-status="${e.status}" aria-hidden="true"></span>`:``}
|
|
651
|
+
`},styles:[W,V,H({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))`}}),en]});var rn=`ore-avatar-group`;(0,c.define)(rn,{props:{max:c.prop.number(5),total:c.prop.number()},setup(e,{el:t,slots:n,watch:r}){let i=(0,l.signal)(0),a=()=>{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,a()});let o=()=>`+${i.value} more`,s=()=>`+${i.value}`;return c.html`
|
|
652
|
+
<slot></slot>
|
|
653
|
+
${()=>i.value>0?c.html`<span class="overflow-badge" part="overflow" aria-label="${o}"> ${s} </span>`:``}
|
|
654
|
+
`},styles:[$t]});var an=`@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}}`,on=`@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}}`,sn=`ore-breadcrumb-item`;(0,c.define)(sn,{props:{active:c.prop.bool(),href:c.prop.string(),separator:c.prop.string(`/`)},setup(e){return c.html`
|
|
655
|
+
<li class="item" role="listitem">
|
|
656
|
+
<span class="separator" part="separator" aria-hidden="true">${e.separator}</span>
|
|
657
|
+
<a
|
|
658
|
+
class="link"
|
|
659
|
+
:href="${e.href}"
|
|
660
|
+
:aria-current="${()=>e.active.value?`page`:null}"
|
|
661
|
+
:tabindex="${()=>e.active.value?`-1`:null}"
|
|
662
|
+
part="link">
|
|
663
|
+
<span class="icon"><slot name="icon"></slot></span>
|
|
664
|
+
<span class="label"><slot></slot></span>
|
|
665
|
+
</a>
|
|
666
|
+
</li>
|
|
667
|
+
`},styles:[an]});var cn=`ore-breadcrumb`;(0,c.define)(cn,{props:{label:c.prop.string(`Breadcrumb`),separator:c.prop.string()},setup(e,{el:t,slots:n,watch:r}){let i=()=>Array.from(t.getElementsByTagName(`ore-breadcrumb-item`)),a=()=>{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,a()}),c.html`
|
|
668
|
+
<nav part="nav" :aria-label="${e.label}">
|
|
669
|
+
<ol role="list" part="list">
|
|
670
|
+
<slot></slot>
|
|
671
|
+
</ol>
|
|
672
|
+
</nav>
|
|
673
|
+
`},styles:[on]});var ln=`@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-contrast-300));--_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]){--_bg:var(--card-bg,var(--_theme-backdrop));--_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) .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%)}}`,un=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function dn(e,t){for(let n of t.composedPath())if(n instanceof HTMLElement){if(n===e)return!1;if(n.matches(un)||n.closest(un))return!0}return!1}var fn=`ore-card`;(0,c.define)(fn,{props:{...q,...Y,...Ie,elevation:c.prop.number(),interactive:c.prop.bool(!1),orientation:c.prop.string(),padding:c.prop.string(),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r,slots:i,watch:a}){t({attr:{ariaBusy:()=>e.loading.value?`true`:`false`,ariaDisabled:()=>e.interactive.value?String(e.disabled.value):null,role:()=>e.interactive.value?`button`:null}}),a(()=>{e.interactive.value?n.setAttribute(`tabindex`,e.disabled.value?`-1`:`0`):n.removeAttribute(`tabindex`)});let o=tt({disabled:(0,l.computed)(()=>!e.interactive.value||!!e.disabled.value),onPress:(e,t)=>{r(`activate`,{originalEvent:e,trigger:t})}}),s=t=>{!e.interactive.value||e.disabled.value||dn(n,t)||o.handleClick(t)},u=e=>{o.handleKeydown(e)};return t({on:{click:e=>s(e),keydown:e=>u(e)}}),c.html`
|
|
674
|
+
<div class="card" part="card">
|
|
675
|
+
<div class="loading-bar" part="loading-bar"></div>
|
|
676
|
+
<div class="card-media" part="media" ?hidden="${()=>!i.has(`media`).value}">
|
|
677
|
+
<slot name="media"></slot>
|
|
678
|
+
</div>
|
|
679
|
+
<div class="card-body" part="body">
|
|
680
|
+
<div class="card-header" part="header" ?hidden="${()=>!i.has(`header`).value}">
|
|
681
|
+
<slot name="header"></slot>
|
|
682
|
+
</div>
|
|
683
|
+
<div class="card-content" part="content" ?hidden="${()=>!i.has().value}">
|
|
684
|
+
<slot></slot>
|
|
685
|
+
</div>
|
|
686
|
+
<div class="card-footer" part="footer" ?hidden="${()=>!i.has(`footer`).value}">
|
|
687
|
+
<slot name="footer"></slot>
|
|
688
|
+
</div>
|
|
689
|
+
<div class="card-actions" part="actions" ?hidden="${()=>!i.has(`actions`).value}">
|
|
690
|
+
<slot name="actions"></slot>
|
|
691
|
+
</div>
|
|
692
|
+
</div>
|
|
693
|
+
</div>
|
|
694
|
+
`},styles:[...ve,ge(`.card`),z,ln]});function pn(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 mn(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 hn(e,t,n,r){let i=(0,l.computed)(()=>!!e.value&&!r?.value);return{effectiveRel:(0,l.computed)(()=>mn(t.value,n.value)),isLink:i}}var gn=`@layer refine.base{:host{--group-gap:var(--size-2);--group-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)}}`,_n=(0,c.createContext)(`OreButtonGroup`),vn=`ore-button-group`;(0,c.define)(vn,{props:{...q,...J,attached:c.prop.bool(!1),fullwidth:c.prop.bool(!1),label:c.prop.string(),orientation:c.prop.string(),variant:c.prop.string()},setup(e,{provide:t}){return t(_n,{color:e.color,size:e.size,variant:e.variant}),c.html`
|
|
695
|
+
<div class="button-group" part="group" role="group" :aria-label="${e.label}">
|
|
696
|
+
<slot></slot>
|
|
697
|
+
</div>
|
|
698
|
+
`},styles:[gn]});var yn=(e,t,n,r)=>{let{assistiveId:i,checked:a,disabled:o,errorText:s,handleClick:c,handleKeydown:l,helperText:u,indeterminate:d,labelId:f}=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,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}})},Q=(0,c.createContext)(`FormContext`),bn=(e,t)=>({disabled:(0,l.computed)(()=>!!e.disabled?.value||!!t?.disabled?.value),size:(0,l.computed)(()=>e.size?.value??t?.size?.value),variant:(0,l.computed)(()=>e.variant?.value??t?.variant?.value)}),$=(e,t,n)=>{let r=bn(t,n);return e({attr:{disabled:()=>r.disabled.value?``:void 0}}),r},xn=(e,t,n,r)=>c.html`<div
|
|
699
|
+
class="helper-text"
|
|
700
|
+
part="helper-text"
|
|
701
|
+
id="${e}"
|
|
702
|
+
:role="${()=>t.value?`alert`:null}"
|
|
703
|
+
aria-live="polite"
|
|
704
|
+
?hidden="${()=>!t.value&&!n.value}"
|
|
705
|
+
ref=${e=>{r?.(e)}}>
|
|
706
|
+
${()=>t.value||n.value}
|
|
707
|
+
</div>`;function Sn(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 Cn=`@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));display:flex;position:relative}[part=button]: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-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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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([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{border-color:var(--_hover-border-color,var(--_theme-focus));box-shadow:var(--_theme-shadow)}:host([variant=ghost]) [part=button]:hover,:host([variant=text]) [part=button]:hover{box-shadow:none;border-color:#0000;transform:none}[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)}}`,wn=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],Tn=`ore-button`;(0,c.define)(Tn,{formAssociated:!0,props:{...Re,effect:c.prop.string(),fullwidth:c.prop.bool(!1),href:c.prop.string(),iconOnly:c.prop.bool(!1),label:c.prop.string(),rel:c.prop.string(),target:c.prop.string(),type:c.prop.oneOf([`button`,`submit`,`reset`],`button`),variant:c.prop.oneOf(wn,`solid`)},setup(e,{bind:t,el:n}){let r=(0,c.inject)(_n),i=(0,l.computed)(()=>r?.color.value??e.color.value),a=(0,l.computed)(()=>r?.size.value??e.size.value),o=(0,l.computed)(()=>r?.variant.value??e.variant.value),s=(0,l.computed)(()=>!!(e.disabled.value||e.loading.value)),{effectiveRel:u,isLink:d}=hn(e.href,e.rel,e.target),f=(0,c.useField)({disabled:s,toFormValue:()=>null,value:(0,l.computed)(()=>``)}),p=t=>{if(s.value){t.preventDefault();return}Sn(()=>d.value?null:f.internals.form,e.type,s,n)(t)};t({attr:{"aria-busy":e.loading,"aria-disabled":s,"aria-label":e.label,color:i,effect:e.effect,role:(0,l.computed)(()=>n.getAttribute(`role`)??(d.value?`link`:`button`)),size:a,tabindex:(0,l.computed)(()=>s.value?`-1`:`0`),variant:o},on:{keydown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),(n.shadowRoot?.querySelector(`[part="button"]`))?.click())}}});let m=c.html`
|
|
708
|
+
<span class="loader" part="loader" aria-label="Loading" ?hidden=${()=>!e.loading.value}></span>
|
|
709
|
+
<slot name="prefix"></slot>
|
|
710
|
+
<span class="content" part="content"><slot></slot></span>
|
|
711
|
+
<slot name="suffix"></slot>
|
|
712
|
+
`;return c.html`
|
|
713
|
+
${()=>d.value?c.html`<a
|
|
714
|
+
part="button"
|
|
715
|
+
role="presentation"
|
|
716
|
+
tabindex="-1"
|
|
717
|
+
href="${e.href}"
|
|
718
|
+
:rel="${u}"
|
|
719
|
+
:target="${e.target}"
|
|
720
|
+
@click="${p}">
|
|
721
|
+
${m}
|
|
722
|
+
</a>`:c.html`<span part="button" role="presentation" @click="${p}">${m}</span>`}
|
|
723
|
+
`},shadow:{delegatesFocus:!1},styles:[W,R,z,V,G,H({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)`}}),ge(`button`),me(`button`),he(`button`),ie,Cn]});var En=`@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(:disabled,[aria-current=page]),:host([variant=ghost]) button:hover:not(: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(: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(: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(: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(: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(: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(: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(: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(: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 Dn(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 On=`ore-pagination`;(0,c.define)(On,{props:{...q,...J,label:c.prop.string(`Pagination`),page:c.prop.number(1),"show-first-last":c.prop.bool(!1),"show-prev-next":c.prop.bool(!1),siblings:c.prop.number(1),"total-pages":c.prop.number(1),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r}){function i(t){let i=e[`total-pages`].value||1,a=Math.min(Math.max(1,t),i);a!==e.page.value&&(n.setAttribute(`page`,String(a)),r(`change`,{page:a}))}let a=(0,l.computed)(()=>Dn(e.page.value||1,e[`total-pages`].value||1,e.siblings.value??1)),o=(0,l.computed)(()=>(e.page.value||1)<=1),s=(0,l.computed)(()=>(e.page.value||1)>=(e[`total-pages`].value||1));return c.html`
|
|
724
|
+
<nav :aria-label="${e.label}" part="nav">
|
|
725
|
+
<ol class="pagination" part="list">
|
|
726
|
+
${()=>e[`show-first-last`].value?c.html`<li>
|
|
727
|
+
<button
|
|
728
|
+
type="button"
|
|
729
|
+
class="nav-btn"
|
|
730
|
+
part="first-btn"
|
|
731
|
+
aria-label="First page"
|
|
732
|
+
?disabled=${o}
|
|
733
|
+
@click=${()=>i(1)}>
|
|
734
|
+
<ore-icon name="chevrons-left" size="16" aria-hidden="true"></ore-icon>
|
|
735
|
+
</button>
|
|
736
|
+
</li>`:``}
|
|
737
|
+
${()=>e[`show-prev-next`].value?c.html`<li>
|
|
738
|
+
<button
|
|
739
|
+
type="button"
|
|
740
|
+
class="nav-btn"
|
|
741
|
+
part="prev-btn"
|
|
742
|
+
aria-label="Previous page"
|
|
743
|
+
?disabled=${o}
|
|
744
|
+
@click=${()=>i((e.page.value||1)-1)}>
|
|
745
|
+
<ore-icon name="chevron-left" size="16" aria-hidden="true"></ore-icon>
|
|
746
|
+
</button>
|
|
747
|
+
</li>`:``}
|
|
748
|
+
<li style="display: contents;">
|
|
749
|
+
${()=>a.value.map(t=>{if(t===`ellipsis-start`||t===`ellipsis-end`)return c.html`<span class="ellipsis" aria-hidden="true">…</span>`;let n=t,r=n===(e.page.value||1),a=`Page ${n}`;return r?c.html`<button
|
|
750
|
+
type="button"
|
|
751
|
+
part="page-btn"
|
|
752
|
+
aria-label="${a}"
|
|
753
|
+
aria-current="page"
|
|
754
|
+
@click=${()=>i(n)}>
|
|
755
|
+
${n}
|
|
756
|
+
</button>`:c.html`<button type="button" part="page-btn" aria-label="${a}" @click=${()=>i(n)}>
|
|
757
|
+
${n}
|
|
758
|
+
</button>`})}
|
|
759
|
+
</li>
|
|
760
|
+
${()=>e[`show-prev-next`].value?c.html`<li>
|
|
761
|
+
<button
|
|
762
|
+
type="button"
|
|
763
|
+
class="nav-btn"
|
|
764
|
+
part="next-btn"
|
|
765
|
+
aria-label="Next page"
|
|
766
|
+
?disabled=${s}
|
|
767
|
+
@click=${()=>i((e.page.value||1)+1)}>
|
|
768
|
+
<ore-icon name="chevron-right" size="16" aria-hidden="true"></ore-icon>
|
|
769
|
+
</button>
|
|
770
|
+
</li>`:``}
|
|
771
|
+
${()=>e[`show-first-last`].value?c.html`<li>
|
|
772
|
+
<button
|
|
773
|
+
type="button"
|
|
774
|
+
class="nav-btn"
|
|
775
|
+
part="last-btn"
|
|
776
|
+
aria-label="Last page"
|
|
777
|
+
?disabled=${s}
|
|
778
|
+
@click=${()=>i(e[`total-pages`].value||1)}>
|
|
779
|
+
<ore-icon name="chevrons-right" size="16" aria-hidden="true"></ore-icon>
|
|
780
|
+
</button>
|
|
781
|
+
</li>`:``}
|
|
782
|
+
</ol>
|
|
783
|
+
</nav>
|
|
784
|
+
`},styles:[R,W,H(),En]});var kn=`@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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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}}`,An=`ore-separator`;(0,c.define)(An,{props:{color:c.prop.string(),decorative:c.prop.bool(!0),label:c.prop.string(),orientation:c.prop.oneOf([`horizontal`,`vertical`],`horizontal`)},setup(e){let t=()=>e.decorative.value?`none`:`separator`,n=()=>e.decorative.value?`true`:null;return c.html`
|
|
785
|
+
${()=>e.label.value?c.html`
|
|
786
|
+
<div class="separator-wrapper" part="wrapper">
|
|
787
|
+
<hr
|
|
788
|
+
class="separator"
|
|
789
|
+
part="separator"
|
|
790
|
+
:role="${t}"
|
|
791
|
+
:aria-hidden="${n}"
|
|
792
|
+
:aria-orientation="${()=>e.orientation.value}" />
|
|
793
|
+
<span class="separator-label" part="label">${()=>e.label.value}</span>
|
|
794
|
+
<hr
|
|
795
|
+
class="separator"
|
|
796
|
+
part="separator"
|
|
797
|
+
:role="${t}"
|
|
798
|
+
:aria-hidden="${n}"
|
|
799
|
+
:aria-orientation="${()=>e.orientation.value}" />
|
|
800
|
+
</div>
|
|
801
|
+
`:c.html`
|
|
802
|
+
<hr
|
|
803
|
+
class="separator"
|
|
804
|
+
part="separator"
|
|
805
|
+
:role="${t}"
|
|
806
|
+
:aria-hidden="${n}"
|
|
807
|
+
:aria-orientation="${()=>e.orientation.value}" />
|
|
808
|
+
`}
|
|
809
|
+
`},styles:[W,kn]});var jn=`@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-align:start;text-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_header-bg)}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);text-align:start;font-weight:400}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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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([bordered]) td: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([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: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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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([bordered]) td:last-child: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([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: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 Mn=[`colspan`,`rowspan`,`headers`,`abbr`];function Nn(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 Mn){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 Pn(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`),Nn(r,s,c),i.set(r,{inferredScope:c,native:s}),o.appendChild(s)}e.appendChild(o)}return i}var Fn=`ore-table`;(0,c.define)(Fn,{props:{bordered:c.prop.bool(!1),caption:c.prop.string(),density:c.prop.string(),fullwidth:c.prop.bool(!1),loading:c.prop.bool(!1),sticky:c.prop.bool(!1),striped:c.prop.bool(!1)},setup(e,{bind:t,el:n,onMounted:r,watch:i}){return t({attr:{"aria-busy":e.loading,"aria-label":e.caption}}),r(()=>{let t=n.shadowRoot.querySelector(`.scroll-container`),r=document.createElement(`table`),a=document.createElement(`caption`),o=document.createElement(`thead`),s=document.createElement(`tbody`),c=document.createElement(`tfoot`);t.setAttribute(`part`,`scroll`),r.setAttribute(`part`,`table`),o.setAttribute(`part`,`head`),s.setAttribute(`part`,`body`),c.setAttribute(`part`,`foot`),r.append(a,o,s,c),t.appendChild(r),i(()=>{let t=e.caption.value??``;a.textContent=t,a.hidden=t===``});let l=Pn(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&&Nn(e,t.native,t.inferredScope)}}});u.observe(n,{attributeFilter:[...Mn,`scope`],attributes:!0,characterData:!0,childList:!0,subtree:!0});let d=new MutationObserver(()=>{l=Pn(n,o,s,c)});return d.observe(n,{childList:!0}),()=>{d.disconnect(),u.disconnect()}}),c.html`<div class="scroll-container"></div>`},styles:[z,_e(`table`),jn]});var In=`: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=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]){text-align:start}:host([align=center]){text-align:center}:host([align=right]){text-align:end}: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}}`,Ln=`ore-text`;(0,c.define)(Ln,{props:{align:c.prop.string(),as:c.prop.string(),color:c.prop.string(),italic:c.prop.bool(),lines:c.prop.number(),size:c.prop.string(),truncate:c.prop.bool(),variant:c.prop.string(),weight:c.prop.string()},setup(e,{bind:t,el:n}){return t({attr:{"aria-level":()=>{let t=/^h([1-6])$/.exec(e.as.value??``);return t?t[1]:null},role:()=>/^h([1-6])$/.test(e.as.value??``)?`heading`:null},style:{"--_lines":()=>e.lines.value==null?null:String(e.lines.value)}}),c.html`<slot></slot>`},styles:[In]});var Rn=`@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)}}`,zn=(0,c.createContext)(`AccordionContext`),Bn=`ore-accordion`;(0,c.define)(Bn,{props:{selectionMode:c.prop.string(),size:c.prop.string(),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r,provide:i}){let a=t=>{e.selectionMode.value===`single`&&(n.querySelectorAll(`:scope > ore-accordion-item[expanded]`).forEach(e=>{e!==t&&e.hasAttribute(`expanded`)&&e.removeAttribute(`expanded`)}),r(`change`,{expandedItem:t}))},o=()=>[...n.querySelectorAll(`:scope > ore-accordion-item:not([disabled])`)],s=()=>o().map(e=>e.shadowRoot?.querySelector(`summary`)).filter(Boolean),u=ut({getItems:()=>o(),loop:!0,onNavigate:(e,t)=>{s()[t]?.focus()}});return i(zn,{selectionMode:(0,l.computed)(()=>e.selectionMode.value),size:e.size,variant:e.variant}),t({on:{expand:e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement),r=e.detail?.item??t;!r||r.localName!==`ore-accordion-item`||r.closest(`ore-accordion`)===n&&a(r)},keydown:e=>{let t=s();if(!t.length)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`summary`),r=n?t.indexOf(n):-1;r!==-1&&(u.set(r),u.handleKeydown(e))}}}),c.html`<slot></slot>`},styles:[Rn]});var Vn=`@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}}`,Hn=(0,c.createContext)(`TabsContext`),Un=`ore-tabs`;(0,c.define)(Un,{props:{...q,...J,activation:c.prop.oneOf([`auto`,`manual`],`auto`),label:c.prop.string(),orientation:c.prop.oneOf([`horizontal`,`vertical`],`horizontal`),value:c.prop.string(),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r,onMounted:i,provide:a}){let o=n.shadowRoot,s=(0,c.ref)(),u=(0,c.ref)(),d=(0,l.signal)(e.value.value),f=()=>e.activation.value===`manual`,p=()=>e.orientation.value===`vertical`;t({attr:{value:()=>d.value??null}});let m=()=>[...n.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],h=()=>m().filter(e=>!e.hasAttribute(`disabled`)),g=e=>{e&&(e.shadowRoot?.querySelector(`[role="tab"]`)??e).focus()},_=(e,t=!1)=>{d.value=e,t&&e&&r(`change`,{value:e})},v=()=>{let e=m();if(e.length===0)return;let t=d.value;t&&e.some(e=>e.getAttribute(`value`)===t&&!e.hasAttribute(`disabled`))||_(e.find(e=>!e.hasAttribute(`disabled`))?.getAttribute(`value`)??void 0,!1)};(0,l.watch)(e.value,e=>{d.value=e,v()});let y=ut({getItems:()=>h(),loop:!0,onNavigate:(e,t)=>{let n=h()[t];if(g(n),!f()){let e=n?.getAttribute(`value`);e&&_(e,!0)}},orientation:()=>p()?`vertical`:`both`});a(Hn,{color:e.color,orientation:(0,l.computed)(()=>e.orientation.value??`horizontal`),size:e.size,value:d,variant:e.variant});let b=e=>{let t=u.value,n=s.value;if(!t||!n||!e)return;let r=e.getBoundingClientRect(),i=n.getBoundingClientRect();if(p()){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)`}},x=()=>{let e=d.value;e&&b(m().find(t=>t.getAttribute(`value`)===e))};(0,l.watch)(d,()=>{requestAnimationFrame(x)});let S=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===d.value||_(r,!0)},C=tt({disabled:(0,l.computed)(()=>!f()),onPress:()=>{let e=h().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==d.value&&_(e,!0)}});return t({on:{click:S,keydown:e=>{let t=h();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`)===d.value),r=n?t.indexOf(n):-1;r>=0&&y.set(r),!y.handleKeydown(e)&&C.handleKeydown(e)}}}),i(()=>{let e=()=>{v(),x()},t=o?.querySelector(`slot[name="tabs"]`);return t&&t.addEventListener(`slotchange`,e),e(),requestAnimationFrame(e),()=>{t&&t.removeEventListener(`slotchange`,e)}}),c.html`
|
|
810
|
+
<div class="tablist-wrapper">
|
|
811
|
+
<div
|
|
812
|
+
role="tablist"
|
|
813
|
+
ref="${s}"
|
|
814
|
+
part="tablist"
|
|
815
|
+
aria-orientation="${e.orientation}"
|
|
816
|
+
aria-label="${e.label}">
|
|
817
|
+
<slot name="tabs"></slot>
|
|
818
|
+
</div>
|
|
819
|
+
<div class="indicator" ref="${u}" part="indicator"></div>
|
|
820
|
+
</div>
|
|
821
|
+
<div class="panels" part="panels">
|
|
822
|
+
<slot></slot>
|
|
823
|
+
</div>
|
|
824
|
+
`},styles:[W,Vn]});var Wn=`@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}}}`,Gn=`ore-accordion-item`;(0,c.define)(Gn,{props:{...Y,expanded:c.prop.bool(!1),size:c.prop.string(),variant:c.prop.string()},setup(e,{el:t,emit:n,onMounted:r,watch:i}){let a=(0,c.inject)(zn);a&&i(()=>{let e=a.size.value,n=a.variant.value;e!==void 0&&t.setAttribute(`size`,e),n!==void 0&&t.setAttribute(`variant`,n)});let o=`accordion-item-title`,s=(0,c.ref)(),l=(0,c.ref)(),u=!1,d=()=>{let e=s.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`),u=!1;return}let n=()=>{e.classList.remove(`opening`),u=!1},r=t.getAnimations?.().filter(e=>e instanceof CSSTransition)??[];r.length>0?Promise.allSettled(r.map(e=>e.finished)).then(n):n()}))},f=()=>{let e=s.value;if(!e||!e.open||u)return;u=!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}),u=!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()},p=!1,m=0,h=()=>{if(e.disabled.value)return;let t=s.value;t&&(t.open?f():d())},g=e=>{m=e.touches[0]?.clientY??0},_=e=>{Math.abs((e.changedTouches[0]?.clientY??0)-m)>10||(e.preventDefault(),p=!0,h())},v=e=>{if(p){p=!1,e.preventDefault();return}e.preventDefault(),h()},y=()=>{let r=s.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 r(()=>{let e=s.value,n=l.value;if(!e||!n)return;let r=()=>{e.classList.toggle(`rtl`,ft(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`,y),n.addEventListener(`touchstart`,g,{passive:!0}),n.addEventListener(`touchend`,_,{passive:!1}),n.addEventListener(`click`,v),()=>{i.disconnect(),e.removeEventListener(`toggle`,y),n.removeEventListener(`touchstart`,g),n.removeEventListener(`touchend`,_),n.removeEventListener(`click`,v)}}),c.html` <details part="item" ?open="${e.expanded}" ref="${s}">
|
|
825
|
+
<summary
|
|
826
|
+
part="summary"
|
|
827
|
+
:aria-expanded="${()=>String(e.expanded.value)}"
|
|
828
|
+
:aria-disabled="${()=>e.disabled.value?`true`:`false`}"
|
|
829
|
+
:tabindex="${()=>e.disabled.value?`-1`:null}"
|
|
830
|
+
ref="${l}">
|
|
831
|
+
<slot name="prefix"></slot>
|
|
832
|
+
<div class="header-content" part="header">
|
|
833
|
+
<span class="title" part="title" id="${o}">
|
|
834
|
+
<slot name="title"></slot>
|
|
835
|
+
</span>
|
|
836
|
+
<span class="subtitle" part="subtitle">
|
|
837
|
+
<slot name="subtitle"></slot>
|
|
838
|
+
</span>
|
|
839
|
+
</div>
|
|
840
|
+
<slot name="suffix"></slot>
|
|
841
|
+
<ore-icon class="chevron" name="chevron-down" size="20" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
842
|
+
</summary>
|
|
843
|
+
<div class="content-wrapper" part="content" role="region" aria-labelledby="${o}">
|
|
844
|
+
<div class="content-inner">
|
|
845
|
+
<slot></slot>
|
|
846
|
+
</div>
|
|
847
|
+
</div>
|
|
848
|
+
</details>`},styles:[R,Wn]});var Kn=`@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}}}`,qn=`ore-tab-item`;(0,c.define)(qn,{props:{...Y,active:c.prop.bool(!1),color:c.prop.string(),size:c.prop.string(),value:c.prop.string(``),variant:c.prop.string()},setup(e,{bind:t,el:n,watch:r}){let i=(0,c.inject)(Hn);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 a=(0,l.computed)(()=>i?!!i.value.value&&i.value.value===e.value.value:e.active.value),o=()=>!!e.disabled.value;return t({attr:{active:()=>a.value?!0:void 0}}),c.html`
|
|
849
|
+
<button
|
|
850
|
+
role="tab"
|
|
851
|
+
type="button"
|
|
852
|
+
part="tab"
|
|
853
|
+
:id="${()=>`tab-${e.value.value}`}"
|
|
854
|
+
aria-selected="${a}"
|
|
855
|
+
tabindex="${()=>a.value?`0`:`-1`}"
|
|
856
|
+
aria-disabled="${o}"
|
|
857
|
+
:aria-controls="${()=>`tabpanel-${e.value.value}`}"
|
|
858
|
+
@click="${t=>{if(t.stopPropagation(),o()){t.preventDefault();return}n.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,detail:{value:e.value.value}}))}}">
|
|
859
|
+
<slot name="prefix"></slot>
|
|
860
|
+
<slot></slot>
|
|
861
|
+
<slot name="suffix"></slot>
|
|
862
|
+
</button>
|
|
863
|
+
`},styles:[W,ce(`button`),R,Kn]});var Jn=`@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}}}`,Yn={"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)`},Xn=`ore-tab-panel`;(0,c.define)(Xn,{props:{active:c.prop.bool(!1),lazy:c.prop.bool(!1),padding:c.prop.oneOf([`none`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`],`md`),value:c.prop.string(``)},setup(e,{bind:t,watch:n}){let r=(0,c.inject)(Hn),i=(0,l.computed)(()=>r?!!r.value.value&&r.value.value===e.value.value:e.active.value);t({attr:{active:()=>i.value?!0:void 0}});let a=(0,l.computed)(()=>Yn[e.padding.value??`md`]??Yn.md),o=(0,l.signal)(!1);n(()=>{i.value&&(o.value=!0)});let s=(0,l.computed)(()=>!e.lazy.value||o.value),u=N({"--tab-panel-padding":a}),d=()=>`tabpanel-${e.value.value}`,f=()=>`tab-${e.value.value}`;return c.html`
|
|
864
|
+
<div
|
|
865
|
+
class="panel"
|
|
866
|
+
part="panel"
|
|
867
|
+
role="tabpanel"
|
|
868
|
+
id="${()=>d()}"
|
|
869
|
+
aria-labelledby="${()=>f()}"
|
|
870
|
+
aria-hidden="${()=>String(!i.value)}"
|
|
871
|
+
:style="${u}"
|
|
872
|
+
tabindex="0">
|
|
873
|
+
${F(s,()=>c.html`<slot></slot>`)}
|
|
874
|
+
</div>
|
|
875
|
+
`},styles:[z,Jn]});var Zn=`@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}}`,Qn=`ore-async`;(0,c.define)(Qn,{props:{"empty-description":c.prop.string(),"empty-label":c.prop.string(`No content yet`),"error-description":c.prop.string(),"error-label":c.prop.string(`Something went wrong`),retryable:c.prop.bool(!1),status:c.prop.oneOf([`idle`,`loading`,`empty`,`error`,`success`],`success`)},setup(e,{bind:t,emit:n}){let r=(0,l.signal)(!1),i=(0,l.signal)(!1),a=(0,l.signal)(!1);t({attr:{ariaBusy:()=>e.status.value===`loading`?`true`:`false`,ariaLabel:()=>e.status.value===`loading`?`Loading…`:null,ariaLive:()=>e.status.value===`error`?`assertive`:`polite`,status:e.status}});let o=(e,t)=>()=>t?.value?c.html`<p class="${e}">${t}</p>`:``;return c.html`
|
|
876
|
+
<div class="region region-idle" role="presentation"></div>
|
|
877
|
+
|
|
878
|
+
<div class="region region-loading" role="status">
|
|
879
|
+
<slot
|
|
880
|
+
name="loading"
|
|
881
|
+
@slotchange=${e=>{r.value=e.target.assignedNodes().length>0}}></slot>
|
|
882
|
+
${F(r,()=>c.html``,()=>c.html`
|
|
883
|
+
<div class="loading-default" aria-hidden="true">
|
|
884
|
+
<ore-skeleton variant="text" lines="1" width="40%"></ore-skeleton>
|
|
885
|
+
<ore-skeleton variant="text" lines="3" width="100%"></ore-skeleton>
|
|
886
|
+
<ore-skeleton variant="text" lines="1" width="60%"></ore-skeleton>
|
|
887
|
+
</div>
|
|
888
|
+
`)}
|
|
889
|
+
</div>
|
|
890
|
+
|
|
891
|
+
<div class="region region-empty">
|
|
892
|
+
<slot
|
|
893
|
+
name="empty"
|
|
894
|
+
@slotchange=${e=>{i.value=e.target.assignedNodes().length>0}}></slot>
|
|
895
|
+
${F(i,()=>c.html``,()=>c.html`
|
|
896
|
+
<div class="empty-state" role="status">
|
|
897
|
+
<div class="icon">
|
|
898
|
+
<ore-icon name="inbox" size="100%" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
899
|
+
</div>
|
|
900
|
+
${o(`title`,e[`empty-label`])} ${o(`description`,e[`empty-description`])}
|
|
901
|
+
</div>
|
|
902
|
+
`)}
|
|
903
|
+
</div>
|
|
904
|
+
|
|
905
|
+
<div class="region region-error">
|
|
906
|
+
<slot
|
|
907
|
+
name="error"
|
|
908
|
+
@slotchange=${e=>{a.value=e.target.assignedNodes().length>0}}></slot>
|
|
909
|
+
${F(a,()=>c.html``,()=>c.html`
|
|
910
|
+
<div class="error-state" role="alert">
|
|
911
|
+
<div class="icon">
|
|
912
|
+
<ore-icon name="triangle-alert" size="100%" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
913
|
+
</div>
|
|
914
|
+
${o(`title`,e[`error-label`])} ${o(`description`,e[`error-description`])}
|
|
915
|
+
${F(()=>!!e.retryable.value,()=>c.html`
|
|
916
|
+
<button class="retry-btn" type="button" @click=${()=>n(`retry`)}>
|
|
917
|
+
<ore-icon name="refresh-cw" size="1em" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
918
|
+
Try again
|
|
919
|
+
</button>
|
|
920
|
+
`)}
|
|
921
|
+
</div>
|
|
922
|
+
`)}
|
|
923
|
+
</div>
|
|
924
|
+
|
|
925
|
+
<div class="region region-success" role="presentation">
|
|
926
|
+
<slot></slot>
|
|
927
|
+
</div>
|
|
928
|
+
`},styles:[z,Zn]});function $n(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:!1);if(r.length===0){t();return}let i=!1;Promise.allSettled(r.map(e=>e.finished)).then(()=>{i||(i=!0,t())})})}var er=`@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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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]) .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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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([variant=bordered][accented]) .alert: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-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: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))}}`,tr=`ore-alert`;(0,c.define)(tr,{props:{...q,...J,...X,accented:c.prop.bool(!1),dismissible:c.prop.bool(!1),heading:c.prop.string(),horizontal:c.prop.bool(!1),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r,slots:i}){let a=null,o=e=>{a&&(a.textContent=``,requestAnimationFrame(()=>{a&&(a.textContent=e)}))};return c.html`
|
|
929
|
+
<span
|
|
930
|
+
class="sr-announce"
|
|
931
|
+
aria-live="polite"
|
|
932
|
+
aria-atomic="true"
|
|
933
|
+
ref="${e=>{a=e}}"></span>
|
|
934
|
+
<div class="alert" :role="${()=>e.color.value===`error`?`alert`:`status`}" part="alert">
|
|
935
|
+
<span class="icon" part="icon" aria-hidden="true" ?hidden="${()=>!i.has(`icon`).value}">
|
|
936
|
+
<slot name="icon"></slot>
|
|
937
|
+
</span>
|
|
938
|
+
<div class="header" part="header" ?hidden="${()=>!e.heading.value}">
|
|
939
|
+
<span class="heading" part="heading">${e.heading}</span>
|
|
940
|
+
<span class="meta" part="meta">
|
|
941
|
+
<slot name="meta"></slot>
|
|
942
|
+
</span>
|
|
943
|
+
</div>
|
|
944
|
+
<div class="body" part="body">
|
|
945
|
+
<div class="content" part="content">
|
|
946
|
+
<slot></slot>
|
|
947
|
+
</div>
|
|
948
|
+
</div>
|
|
949
|
+
<div class="actions" part="actions" ?hidden="${()=>!i.has(`actions`).value}">
|
|
950
|
+
<slot name="actions"></slot>
|
|
951
|
+
</div>
|
|
952
|
+
<button
|
|
953
|
+
class="close"
|
|
954
|
+
part="close"
|
|
955
|
+
type="button"
|
|
956
|
+
aria-label="Dismiss alert"
|
|
957
|
+
?hidden="${()=>!e.dismissible.value}"
|
|
958
|
+
@click="${t=>{e.dismissible.value&&(n.setAttribute(`dismissing`,``),$n(n,()=>{n.removeAttribute(`dismissing`),n.setAttribute(`dismissed`,``),o(`Alert dismissed`),r(`dismiss`,{originalEvent:t})}))}}">
|
|
959
|
+
<ore-icon name="x" size="16" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
960
|
+
</button>
|
|
961
|
+
</div>
|
|
962
|
+
`},styles:[W,R,z,V,G,H({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)`}}),er]});var nr=`@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}}`,rr=`ore-badge`;(0,c.define)(rr,{props:{...q,size:c.prop.string(),...X,anchor:c.prop.string(),count:c.prop.number(),dot:c.prop.bool(!1),label:c.prop.string(),max:c.prop.number(),variant:c.prop.string()},setup(e){let t=(0,l.computed)(()=>{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)});return c.html`<span class="badge" part="badge" :aria-label="${(0,l.computed)(()=>{if(e.label.value)return e.label.value;if(!e.dot.value&&t.value!=null)return`${t.value} notifications`})}">
|
|
963
|
+
<slot name="icon"></slot>
|
|
964
|
+
<span ?hidden="${()=>t.value==null}">${t}</span>
|
|
965
|
+
<span class="badge-label" ?hidden="${()=>t.value!=null}"><slot></slot></span>
|
|
966
|
+
</span>
|
|
967
|
+
<slot name="target"></slot>`},styles:[W,G,V,ge(`.badge`),H({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)`}}),nr]});var ir=`@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)}}`,ar=`ore-chip`;(0,c.define)(ar,{props:{checked:{default:void 0,parse:e=>e==null?void 0:e!==`false`,reflect:!1},color:c.prop.string(),"default-checked":c.prop.bool(!1),disabled:c.prop.bool(!1),label:c.prop.string(),mode:c.prop.oneOf([`static`,`removable`,`selectable`,`action`],`static`),rounded:c.prop.string(),size:c.prop.string(),value:c.prop.string(),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r}){let i=(0,l.signal)(e.checked.value!==void 0),a=(0,l.signal)(!i.value&&e[`default-checked`].value);(0,l.watch)(e.checked,e=>{e!==void 0&&(i.value=!0)});let o=(0,l.computed)(()=>e.mode.value===`selectable`?i.value?e.checked.value??!1:a.value:!1);t({attr:{checked:()=>e.mode.value===`selectable`&&o.value?!0:void 0}});function s(t){e.disabled.value||r(`remove`,{originalEvent:t,value:e.value.value})}function u(t){if(t.stopPropagation(),e.disabled.value)return;let n=!o.value;i.value||(a.value=n),r(`change`,{checked:n,originalEvent:t,value:e.value.value})}function d(t){e.disabled.value||r(`click`,{originalEvent:t,value:e.value.value})}let f=()=>c.html`
|
|
968
|
+
<slot name="icon"></slot>
|
|
969
|
+
<span class="label"><slot></slot></span>
|
|
970
|
+
`,p=()=>{let t=e.label.value||e.value.value;return t?`Remove ${t}`:`Remove`},m=()=>c.html`
|
|
971
|
+
<button
|
|
972
|
+
class="remove-btn"
|
|
973
|
+
part="remove-btn"
|
|
974
|
+
type="button"
|
|
975
|
+
:aria-label="${p}"
|
|
976
|
+
?hidden="${()=>e.mode.value!==`removable`}"
|
|
977
|
+
:disabled="${e.disabled}"
|
|
978
|
+
@click="${s}">
|
|
979
|
+
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
980
|
+
</button>
|
|
981
|
+
`,h=()=>c.html`
|
|
982
|
+
<button
|
|
983
|
+
class="chip-btn"
|
|
984
|
+
part="chip-btn"
|
|
985
|
+
type="button"
|
|
986
|
+
role="checkbox"
|
|
987
|
+
:aria-checked="${()=>String(o.value)}"
|
|
988
|
+
:aria-label="${e.label}"
|
|
989
|
+
:disabled="${e.disabled}"
|
|
990
|
+
@click="${u}">
|
|
991
|
+
<span class="chip" part="chip"> ${f()} </span>
|
|
992
|
+
</button>
|
|
993
|
+
`,g=()=>c.html`
|
|
994
|
+
<button
|
|
995
|
+
class="chip-btn"
|
|
996
|
+
part="chip-btn"
|
|
997
|
+
type="button"
|
|
998
|
+
:aria-label="${e.label}"
|
|
999
|
+
:disabled="${e.disabled}"
|
|
1000
|
+
@click="${d}">
|
|
1001
|
+
<span class="chip" part="chip"> ${f()} </span>
|
|
1002
|
+
</button>
|
|
1003
|
+
`,_=()=>c.html` <span class="chip" part="chip"> ${f()} </span> `,v=()=>c.html`
|
|
1004
|
+
<span class="chip" part="chip"> ${f()} ${m()} </span>
|
|
1005
|
+
`;return c.html`
|
|
1006
|
+
${()=>{let t=e.mode.value;return t===`selectable`?h():t===`action`?g():t===`removable`?v():_()}}
|
|
1007
|
+
`},styles:[W,U,V,H({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)`}}),G,ir]});var or=`@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}}`,sr=`ore-password-strength`;(0,c.define)(sr,{props:{label:c.prop.string(`Password strength`),labels:c.prop.json(void 0),score:c.prop.number(-1),"show-label":c.prop.bool(!0),value:c.prop.string()},setup(e,{bind:t,el:n}){let r={empty:``,fair:`Fair`,good:`Good`,strong:`Strong`,weak:`Weak`},i=[`empty`,`weak`,`fair`,`good`,`strong`],a=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},o=()=>{let t=e.score.value??-1;return i[t>=0?Math.max(0,Math.min(4,Math.trunc(t))):a(e.value.value??``)]},s=(0,l.computed)(()=>{let t=e.score.value??-1;return t>=0?Math.max(0,Math.min(4,Math.trunc(t))):a(e.value.value??``)}),u=(0,l.computed)(()=>{let t=e.labels.value;return Array.isArray(t)&&t.length===5?String(t[s.value]??``):r[o()]}),d=(0,l.computed)(()=>s.value===0?null:u.value||null);t({attr:{"data-level":()=>o()}});let f=e=>()=>`segment${s.value>=e?` active`:``}`;return c.html`
|
|
1008
|
+
<div
|
|
1009
|
+
class="meter"
|
|
1010
|
+
role="meter"
|
|
1011
|
+
:aria-label="${e.label}"
|
|
1012
|
+
aria-valuemin="0"
|
|
1013
|
+
aria-valuemax="4"
|
|
1014
|
+
:aria-valuenow="${()=>String(s.value)}"
|
|
1015
|
+
:aria-valuetext="${()=>d.value}">
|
|
1016
|
+
<div class="segments" aria-hidden="true">
|
|
1017
|
+
<div class="${f(1)}"></div>
|
|
1018
|
+
<div class="${f(2)}"></div>
|
|
1019
|
+
<div class="${f(3)}"></div>
|
|
1020
|
+
<div class="${f(4)}"></div>
|
|
1021
|
+
</div>
|
|
1022
|
+
</div>
|
|
1023
|
+
${()=>e[`show-label`].value?c.html`<span class="level-label" aria-live="polite" aria-atomic="true">${()=>u.value}</span>`:``}
|
|
1024
|
+
`},styles:[z,or]});var cr=(e,t)=>{let n=(0,l.signal)(null),r=new IntersectionObserver(([e])=>{e&&(n.value=e)},t);return r.observe(e),(0,l.onCleanup)(()=>r.disconnect()),n},lr=e=>{let t=(0,l.signal)({height:0,width:0}),n=new ResizeObserver(([e])=>{if(!e)return;let n=e.contentBoxSize[0];n&&(t.value={height:n.blockSize,width:n.inlineSize})});return n.observe(e),(0,l.onCleanup)(()=>n.disconnect()),t},ur=`@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}}`,dr=`ore-skeleton`;(0,c.define)(dr,{props:{...J,animated:c.prop.bool(!0),height:c.prop.string(),lines:c.prop.number(1),radius:c.prop.string(),striped:c.prop.bool(!1),variant:c.prop.oneOf([`rect`,`circle`,`text`],`rect`),width:c.prop.string()},setup(e,{bind:t,el:n,onMounted:r}){let i=(0,l.signal)(!1),a=()=>{let t=Math.floor(Number(e.lines.value));return Number.isFinite(t)&&t>0?t:1},o=()=>e.variant.value===`text`?a():1;return(0,l.watch)((0,l.computed)(()=>`${e.width.value??``}|${e.height.value??``}|${e.radius.value??``}|${e.animated.value===!1?`0`:`1`}`),()=>{let t=pn(e.width.value),r=pn(e.height.value),i=pn(e.radius.value);t?n.style.setProperty(`--skeleton-width`,t):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`&&e.animated.value!==!1;n.setAttribute(`data-animated`,a?`true`:`false`)},{immediate:!0}),t({attr:{"data-paused":()=>i.value?!0:void 0}}),r(()=>{(0,l.watch)(cr(n,{threshold:0}),e=>{i.value=typeof e==`object`&&e&&`isIntersecting`in e?!e.isIntersecting:!1})}),c.html`
|
|
1025
|
+
<div class="stack" part="stack">
|
|
1026
|
+
${()=>Array.from({length:o()},(t,n)=>{let r=e.variant.value===`text`&&o()>1&&n===o()-1;return c.html`<div
|
|
1027
|
+
class="bone"
|
|
1028
|
+
part="bone"
|
|
1029
|
+
aria-hidden="true"
|
|
1030
|
+
:data-last="${()=>r?`true`:null}"></div>`})}
|
|
1031
|
+
</div>
|
|
1032
|
+
`},styles:[z,ur]});var fr=`@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,9999);--_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)}}}`,pr=300;function mr(e,t){return e.actions?.length?c.html`
|
|
1033
|
+
<div slot="actions" class="toast-actions">
|
|
1034
|
+
${e.actions.map(n=>c.html`
|
|
1035
|
+
<ore-button
|
|
1036
|
+
size="sm"
|
|
1037
|
+
color=${n.color||e.color||`primary`}
|
|
1038
|
+
variant=${n.variant||`solid`}
|
|
1039
|
+
@click=${()=>{n.onClick?.(),t()}}
|
|
1040
|
+
>${n.label}</ore-button
|
|
1041
|
+
>
|
|
1042
|
+
`)}
|
|
1043
|
+
</div>
|
|
1044
|
+
`:``}var hr=`ore-toast`;(0,c.define)(hr,{props:{max:c.prop.number(5),position:c.prop.oneOf([`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`],`bottom-right`)},setup(e,{el:t,emit:n,onCleanup:r,onMounted:i}){let a=(0,l.signal)([]),o=(0,c.ref)(),s=new Map,u=(0,l.signal)(!1),d=(0,l.signal)(!1),p=(0,l.computed)(()=>u.value||d.value),m=(e,t)=>{a.value=a.value.map(n=>n.id===e?{...n,...t}:n)},h=e=>a.value.find(t=>t.id===e),g=e=>(e instanceof Event?e.currentTarget:e).querySelector(`.toast-inner`),_=e=>(e.timer&&clearTimeout(e.timer.timeoutId),{...e,timer:null}),v=(e,t)=>{if(t<=0)return;let n=setTimeout(()=>w(e),t);m(e,{timer:{remaining:t,startedAt:Date.now(),timeoutId:n}})},y=()=>{a.value=a.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)},b=()=>{for(let e of a.value){if(!e.timer||e.timer.remaining<=0)continue;let t=setTimeout(()=>w(e.id),e.timer.remaining);m(e.id,{timer:{...e.timer,startedAt:Date.now(),timeoutId:t}})}};(0,l.watch)(p,e=>{e?y():b()});let x=e=>{let t=({event:e})=>{let t=g(e);t&&(t.style.transition=``,t.style.transform=``,t.style.opacity=``)};return Et({axis:()=>`x`,captureTarget:()=>null,disabled:(0,l.computed)(()=>!(h(e)?.dismissible??!0)),onCancel:t,onCommit:({distance:t,event:n})=>{let r=g(n);if(!r)return;let i=t>=0?1:-1,a=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,o=()=>S(e);if(a){r.style.opacity=`0`,o();return}r.style.transition=`transform 0.22s ease-out, opacity 0.22s ease-out`,r.offsetWidth,r.style.transform=`translateX(${i*120}%)`,r.style.opacity=`0`;let s=e=>{e.target!==r||e.propertyName!==`transform`||(r.removeEventListener(`transitionend`,s),clearTimeout(c),o())},c=setTimeout(()=>{r.removeEventListener(`transitionend`,s),o()},300);r.addEventListener(`transitionend`,s)},onMove:({distance:e,event:t})=>{let n=g(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:t})},S=e=>{let t=h(e);t?.timer&&clearTimeout(t.timer.timeoutId),s.delete(e),a.value=a.value.filter(t=>t.id!==e),t?.onDismiss?.(),n(`dismiss`,{id:e})},C=t=>{let r=t.id||(0,f.uuid)(),i=e.max?.value??5,o=a.value.filter(e=>e.phase!==`exiting`),c=o.length-(i-1);if(c>0)for(let e of o.slice(0,c))w(e.id);let l={dismissible:!0,duration:5e3,...t,id:r,phase:`entering`,timer:null};return s.set(r,x(r)),a.value=[...a.value,l],n(`add`,{id:r}),requestAnimationFrame(()=>{h(r)?.phase===`entering`&&m(r,{phase:`active`})}),l.duration>0&&v(r,l.duration),r},w=e=>{let t=h(e);if(!t||t.phase===`exiting`)return;m(e,{..._(t),phase:`exiting`});let n=o.value?.querySelector(`[data-toast-id="${e}"] .toast-inner`);n?.offsetHeight;let r=!1,i=()=>{r||(r=!0,S(e))},a=n?parseFloat(getComputedStyle(n).transitionDuration)*1e3:NaN,s=setTimeout(i,(Number.isFinite(a)&&a>0?a:pr)+50),c=t=>{t.target?.closest?.(`[data-toast-id="${e}"]`)&&(o.value?.removeEventListener(`transitionend`,c),clearTimeout(s),i())};o.value?.addEventListener(`transitionend`,c)},T=(e,t)=>{let n=h(e);n&&(m(e,{...t.duration===void 0?n:_(n),...t,id:e}),t.duration!==void 0&&t.duration>0&&v(e,t.duration))},E=()=>{for(let e of a.value)e.phase!==`exiting`&&w(e.id)},D=e=>e.urgency??(e.color===`error`?`assertive`:`polite`),O=(0,l.computed)(()=>a.value.filter(e=>D(e)===`polite`)),k=(0,l.computed)(()=>a.value.filter(e=>D(e)===`assertive`));r(()=>{for(let e of a.value)e.timer&&clearTimeout(e.timer.timeoutId);s.clear()});let A=e=>{let t=()=>w(e.id);return c.html`
|
|
1045
|
+
<div
|
|
1046
|
+
class="toast-wrapper"
|
|
1047
|
+
data-toast-id=${e.id}
|
|
1048
|
+
part="toast-wrapper"
|
|
1049
|
+
@pointerdown=${t=>s.get(e.id)?.handlePointerDown(t)}
|
|
1050
|
+
@pointermove=${t=>s.get(e.id)?.handlePointerMove(t)}
|
|
1051
|
+
@pointerup=${t=>s.get(e.id)?.handlePointerUp(t)}
|
|
1052
|
+
@pointercancel=${t=>s.get(e.id)?.handlePointerCancel(t)}>
|
|
1053
|
+
<div class="${()=>`toast-inner${e.phase===`active`?``:` ${e.phase}`}`}" part="toast-inner">
|
|
1054
|
+
<ore-alert
|
|
1055
|
+
color=${e.color||(e.urgency===`assertive`?`error`:`primary`)}
|
|
1056
|
+
variant=${e.variant||`solid`}
|
|
1057
|
+
size=${e.size||`md`}
|
|
1058
|
+
rounded=${e.rounded||`md`}
|
|
1059
|
+
?horizontal=${e.horizontal}
|
|
1060
|
+
heading=${e.heading||``}
|
|
1061
|
+
?dismissible=${e.dismissible!==!1}
|
|
1062
|
+
@dismiss=${t}>
|
|
1063
|
+
${e.meta?c.html`<span slot="meta">${e.meta}</span>`:``} ${e.message}
|
|
1064
|
+
${mr(e,t)}
|
|
1065
|
+
</ore-alert>
|
|
1066
|
+
</div>
|
|
1067
|
+
</div>
|
|
1068
|
+
`};return i(()=>{let e=t;e.add=C,e.clear=E,e.dismiss=w,e.update=T}),c.html`
|
|
1069
|
+
<div
|
|
1070
|
+
class="toast-container"
|
|
1071
|
+
ref=${o}
|
|
1072
|
+
@pointerenter=${()=>{u.value=!0,t.classList.add(`hovered`)}}
|
|
1073
|
+
@pointerleave=${()=>{u.value=!1,t.classList.remove(`hovered`)}}
|
|
1074
|
+
@focusin=${()=>{d.value=!0}}
|
|
1075
|
+
@focusout=${()=>{d.value=!1}}
|
|
1076
|
+
part="container">
|
|
1077
|
+
<!-- Polite live region: normal informational toasts -->
|
|
1078
|
+
<div
|
|
1079
|
+
role="region"
|
|
1080
|
+
aria-live="polite"
|
|
1081
|
+
aria-relevant="additions removals"
|
|
1082
|
+
aria-atomic="false"
|
|
1083
|
+
aria-label="Notifications"
|
|
1084
|
+
class="toast-live-region">
|
|
1085
|
+
${()=>O.value.map(A)}
|
|
1086
|
+
</div>
|
|
1087
|
+
<!-- Assertive live region: critical errors that interrupt immediately -->
|
|
1088
|
+
<div
|
|
1089
|
+
role="region"
|
|
1090
|
+
aria-live="assertive"
|
|
1091
|
+
aria-relevant="additions removals"
|
|
1092
|
+
aria-atomic="false"
|
|
1093
|
+
aria-label="Critical notifications"
|
|
1094
|
+
class="toast-live-region">
|
|
1095
|
+
${()=>k.value.map(A)}
|
|
1096
|
+
</div>
|
|
1097
|
+
<slot></slot>
|
|
1098
|
+
</div>
|
|
1099
|
+
`},styles:[z,fr]});function gr(e=document.body){let t=null,n=!1,r=null,i=()=>t?.isConnected?t:(t=(e instanceof Element,e).querySelector(`ore-toast`),t||(t=document.createElement(`ore-toast`),r&&=(r.position&&t.setAttribute(`position`,r.position),r.max!=null&&t.setAttribute(`max`,String(r.max)),null),e.appendChild(t)),n=!0,t),a={add(e){return i().add(e)},clear(){i().clear()},configure(e){if(n){K(`toast.configure() called after the container was already created; options ignored.`);return}r={...r,...e}},dismiss(e){i().dismiss(e)},error(e,t){return a.add({color:`error`,...t,message:e})},info(e,t){return a.add({color:`info`,...t,message:e})},async promise(e,t){let n=a.add({color:`primary`,dismissible:!1,duration:0,message:t.loading});try{let r=await e;return a.update(n,{color:`success`,dismissible:!0,duration:5e3,message:typeof t.success==`function`?t.success(r):t.success}),r}catch(e){throw a.update(n,{color:`error`,dismissible:!0,duration:5e3,message:typeof t.error==`function`?t.error(e):t.error}),e}},success(e,t){return a.add({color:`success`,...t,message:e})},update(e,t){i().update(e,t)},warning(e,t){return a.add({color:`warning`,...t,message:e})}};return a}var _r=gr(),vr=`@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:var(--color-contrast-500);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}}`,yr=(0,c.createContext)(`CheckboxGroupContext`),br=`ore-checkbox-group`;(0,c.define)(br,{formAssociated:!0,props:{...q,...J,...Y,error:c.prop.string(),helper:c.prop.string(),label:c.prop.string(),name:c.prop.string(),orientation:c.prop.string(`vertical`),required:c.prop.bool(!1),values:c.prop.string()},setup(e,{bind:t,el:n,emit:r,onCleanup:i,provide:a,slots:o,watch:s}){let u=(0,c.inject)(Q),d=$(t,e,u),f=null,p=$e({disabled:d.disabled,error:e.error,getFormField:()=>f,helper:e.helper,multiple:(0,l.signal)(!0),prefix:`checkbox-group`,signal:Z(i),validateOn:u?.validateOn,value:e.values});f=(0,c.useField)({disabled:p.disabled,toFormValue:e=>e,value:p.formValue});let m=p.selectedValues,h=()=>zt(n,`ore-checkbox`),g=e=>Bt(h(),e),_=e=>{let t=m.value;r(`change`,{labels:t.map(g),originalEvent:e,values:t})},v=(e,t)=>{p.toggleValue(e),n.setAttribute(`values`,p.formValue.value),p.triggerValidation(`change`),_(t)};a(yr,{color:e.color,disabled:(0,l.computed)(()=>!!e.disabled.value),size:e.size,toggle:v,values:m});let y=()=>{let t=m.value,n=e.color.value,r=e.size.value,i=e.disabled.value,a=h();for(let e of a){let a=e.getAttribute(`value`)??``;e.toggleAttribute(`checked`,t.includes(a)),n?e.setAttribute(`color`,n):e.removeAttribute(`color`),r?e.setAttribute(`size`,r):e.removeAttribute(`size`),e.toggleAttribute(`disabled`,!!i)}};s(()=>{o.elements().value,y()}),s(()=>{o.elements().value;let e=h().map(e=>{let t=t=>{t.stopPropagation();let n=(e.getAttribute(`value`)??``).trim();n&&v(n,t)};return e.addEventListener(`change`,t),()=>{e.removeEventListener(`change`,t)}});return()=>{for(let t of e)t()}});let b=(0,c.createStableId)(`checkbox-group-legend`),x=`${b}-error`,S=`${b}-helper`,C=()=>!!e.error.value,w=()=>!!e.helper.value&&!C();return t({attr:{size:d.size}}),c.html`
|
|
1100
|
+
<fieldset
|
|
1101
|
+
role="group"
|
|
1102
|
+
aria-required="${()=>String(!!e.required.value)}"
|
|
1103
|
+
aria-invalid="${()=>String(C())}"
|
|
1104
|
+
aria-errormessage="${()=>C()?x:null}"
|
|
1105
|
+
aria-describedby="${()=>C()?x:w()?S:null}">
|
|
1106
|
+
<legend id="${b}" ?hidden=${()=>!e.label.value}>
|
|
1107
|
+
${e.label}${F(()=>!!e.required.value,()=>c.html`<span aria-hidden="true"> *</span>`)}
|
|
1108
|
+
</legend>
|
|
1109
|
+
<div class="checkbox-group-items" part="items">
|
|
1110
|
+
<slot></slot>
|
|
1111
|
+
</div>
|
|
1112
|
+
<div class="error-text" id="${x}" role="alert" ?hidden=${()=>!C()}>${e.error}</div>
|
|
1113
|
+
<div class="helper-text" id="${S}" ?hidden=${()=>!w()}>${e.helper}</div>
|
|
1114
|
+
</fieldset>
|
|
1115
|
+
`},styles:[W,H(),U,vr]});var xr=`@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}input: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:var(--color-contrast-500)}.helper-text: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)){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)}}`,Sr=`ore-checkbox`;(0,c.define)(Sr,{formAssociated:!0,props:{...q,...J,...Y,checked:c.prop.bool(!1),error:c.prop.string(),helper:c.prop.string(),indeterminate:c.prop.bool(!1),name:c.prop.string(),value:c.prop.string(`on`)},setup(e,{bind:t,emit:n,onCleanup:r}){let i=(0,c.inject)(Q),a=$(t,e,i),o=(0,c.inject)(yr),s=null,u=nt({checked:e.checked,clearIndeterminateFirst:!0,disabled:(0,l.computed)(()=>a.disabled.value||!!o?.disabled.value),error:e.error,getFormField:()=>s,group:o,helper:e.helper,indeterminate:e.indeterminate,onToggle:e=>{u.triggerValidation(`change`),!o&&n(`change`,e)},prefix:`checkbox`,signal:Z(r),validateOn:i?.validateOn,value:e.value});s=(0,c.useField)({disabled:u.disabled,toFormValue:e=>e,value:u.checkableFormValue});let{assistiveId:d,checked:f,disabled:p,errorText:m,handleClick:h,handleKeydown:g,helperText:_,indeterminate:v,labelId:y}=u;return yn(t,a.size,{assistiveId:d,checked:f,disabled:p,errorText:m,handleClick:h,handleKeydown:g,helperText:_,indeterminate:v,labelId:y},`checkbox`),c.html`
|
|
1116
|
+
<div class="checkbox-wrapper" part="checkbox">
|
|
1117
|
+
<div class="box" part="box">
|
|
1118
|
+
<ore-icon class="checkmark" name="check" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1119
|
+
<ore-icon class="dash" name="minus" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1120
|
+
</div>
|
|
1121
|
+
</div>
|
|
1122
|
+
<span class="label" part="label" id="${y}"><slot></slot></span>
|
|
1123
|
+
${xn(d,m,_)}
|
|
1124
|
+
`},styles:[W,le,U,R,H(Ve),xr]});function Cr(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 wr(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 Tr(e,t,n){if(!t)return``;let r=e.trim();return r?n.some(e=>e.label.toLowerCase()===r.toLowerCase())?``:`Create "${r}"`:``}function Er(e){return`__new__:${e.trim()}`}var Dr=`@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));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,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-sm);line-height:var(--leading-none);order:-1;margin-bottom:0}.helper-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-500);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],[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(: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=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([error]:not([error=""])) .label-inset,:host([error]:not([error=""])) .label-outside,.helper-text[role=alert]{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--input-bg,var(--color-contrast-50));--_border-color:var(--input-border-color,var(--color-contrast-300))}:host(:not([variant])) .field,:host([variant=solid]) .field{box-shadow:var(--shadow-2xs)}:host(:not([variant],[disabled])) .field:focus-within,:host([variant=solid]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=flat]){--_bg:var(--input-bg,var(--color-contrast-100));--_border-color:var(--input-border-color,var(--_theme-border))}:host([variant=flat]) .field{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .field:hover{background:var(--input-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--input-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .field:focus-within{background:var(--input-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--input-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--input-bg,var(--_theme-backdrop));--_border-color:var(--input-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) .field:hover{border-color:var(--input-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--input-bg,transparent)}:host([variant=outline]) .field{box-shadow:none}:host([variant=outline]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=ghost]){--_bg:var(--input-bg,transparent);--_border-color:var(--input-border-color,transparent)}:host([variant=ghost]) .field{box-shadow:none}:host([variant=ghost]) .field:hover{background:var(--input-hover-bg,var(--color-contrast-100))}:host([variant=ghost]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}: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))}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,Or=[`text`,`email`,`password`,`search`,`url`,`tel`,`number`,`date`,`time`,`datetime-local`,`month`,`week`],kr=`ore-input`;(0,c.define)(kr,{formAssociated:!0,props:{...q,...J,...Y,...X,autocomplete:c.prop.string(),clearable:c.prop.bool(!1),error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),inputmode:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),maxlength:c.prop.json(void 0),minlength:c.prop.json(void 0),name:c.prop.string(),pattern:c.prop.string(),placeholder:c.prop.string(),readonly:c.prop.bool(!1),ref:c.prop.json(void 0),required:c.prop.bool(!1),type:c.prop.oneOf(Or,`text`),value:c.prop.string(),variant:c.prop.string()},setup(e,{bind:t,emit:n,onCleanup:r,onElement:i,slots:a}){let o=(0,c.inject)(Q),s=$(t,e,o),u=(0,l.signal)(!1),d=(0,c.ref)(),f=(0,l.computed)(()=>!!e.label.value||a.has(`label`).value),p=Z(r),m=null,h=Ze({disabled:s.disabled,error:e.error,getFormField:()=>m,hasLabel:f,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`input`,signal:p,validateOn:o?.validateOn,value:e.value});m=(0,c.useField)({disabled:h.disabled,toFormValue:e=>e,value:h.value});let{ariaDescribedBy:g,ariaErrorMessage:_,ariaInvalid:v,ariaLabelledBy:y,assistiveId:b,clear:x,counter:S,errorId:C,errorText:w,fieldId:E,helperText:D,labelId:O,labelVisible:k,value:A,wire:j}=h;return i(d,t=>{j(t,p),e.ref.value?.(t);let n=(0,l.watch)(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),t({attr:{error:()=>w.value||void 0,"has-value":()=>A.value?!0:void 0,size:s.size,variant:s.variant}}),c.html`
|
|
1125
|
+
<div class="input-wrapper" part="wrapper">
|
|
1126
|
+
<label class="label" for="${E}" id="${O}" part="label" ?hidden="${()=>!k.value}"
|
|
1127
|
+
><slot name="label">${e.label}</slot></label
|
|
1128
|
+
>
|
|
1129
|
+
<div class="field" part="field">
|
|
1130
|
+
<div class="input-row" part="input-row">
|
|
1131
|
+
<slot name="prefix"></slot>
|
|
1132
|
+
<input
|
|
1133
|
+
part="input"
|
|
1134
|
+
id="${E}"
|
|
1135
|
+
:type="${()=>e.type.value===`password`&&u.value?`text`:e.type.value??`text`}"
|
|
1136
|
+
:name="${e.name}"
|
|
1137
|
+
:placeholder="${e.placeholder}"
|
|
1138
|
+
:autocomplete="${e.autocomplete}"
|
|
1139
|
+
:inputmode="${e.inputmode}"
|
|
1140
|
+
:maxlength="${e.maxlength}"
|
|
1141
|
+
:minlength="${e.minlength}"
|
|
1142
|
+
:pattern="${e.pattern}"
|
|
1143
|
+
?disabled="${e.disabled}"
|
|
1144
|
+
?readonly="${e.readonly}"
|
|
1145
|
+
?required="${e.required}"
|
|
1146
|
+
:value="${T(A)}"
|
|
1147
|
+
:aria-labelledby="${y}"
|
|
1148
|
+
:aria-describedby="${g}"
|
|
1149
|
+
:aria-errormessage="${_}"
|
|
1150
|
+
:aria-invalid="${v}"
|
|
1151
|
+
ref="${d}" />
|
|
1152
|
+
<slot name="suffix"></slot>
|
|
1153
|
+
<button
|
|
1154
|
+
class="pwd-toggle-btn"
|
|
1155
|
+
part="pwd-toggle"
|
|
1156
|
+
type="button"
|
|
1157
|
+
:aria-label="${()=>u.value?`Hide password`:`Show password`}"
|
|
1158
|
+
:aria-pressed="${()=>String(u.value)}"
|
|
1159
|
+
:tabindex="${()=>e.type.value===`password`?`0`:`-1`}"
|
|
1160
|
+
@click="${()=>{u.value=!u.value,d.value?.focus()}}">
|
|
1161
|
+
${()=>u.value?c.html`<ore-icon name="eye-off" size="14" stroke-width="2" aria-hidden="true"></ore-icon>`:c.html`<ore-icon name="eye" size="14" stroke-width="2" aria-hidden="true"></ore-icon>`}
|
|
1162
|
+
</button>
|
|
1163
|
+
<button
|
|
1164
|
+
aria-label="Clear"
|
|
1165
|
+
class="clear-btn"
|
|
1166
|
+
part="clear"
|
|
1167
|
+
type="button"
|
|
1168
|
+
:tabindex="${()=>A.value?`0`:`-1`}"
|
|
1169
|
+
@click="${e=>{x(e),d.value?.focus()}}">
|
|
1170
|
+
<ore-icon aria-hidden="true" name="x" size="12" stroke-width="2.5"></ore-icon>
|
|
1171
|
+
</button>
|
|
1172
|
+
</div>
|
|
1173
|
+
</div>
|
|
1174
|
+
<div class="helper-text" aria-live="polite" id="${b}" part="helper" ?hidden="${()=>!!w.value||!D.value}">
|
|
1175
|
+
<slot name="helper">${()=>D.value}</slot>
|
|
1176
|
+
</div>
|
|
1177
|
+
<div class="helper-text" id="${C}" role="alert" part="error" ?hidden="${()=>!w.value}">
|
|
1178
|
+
<slot name="error">${()=>w.value}</slot>
|
|
1179
|
+
</div>
|
|
1180
|
+
<div
|
|
1181
|
+
class="char-counter"
|
|
1182
|
+
part="char-counter"
|
|
1183
|
+
:data-near-limit="${()=>S?.value.counterNearLimit&&!S?.value.counterAtLimit?``:null}"
|
|
1184
|
+
:data-at-limit="${()=>S?.value.counterAtLimit?``:null}"
|
|
1185
|
+
?hidden="${()=>!S}">
|
|
1186
|
+
${()=>S?.value.counterText??``}
|
|
1187
|
+
</div>
|
|
1188
|
+
</div>
|
|
1189
|
+
`},shadow:{delegatesFocus:!0},styles:[...ye,H(ze),ce(`input`),Dr]});var Ar=`@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)));flex-direction:column;align-items:stretch;min-width:12rem;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}}`,jr=`ore-combobox`;(0,c.define)(jr,{formAssociated:!0,props:{autoclose:c.prop.bool(!1),color:c.prop.string(),creatable:c.prop.bool(!1),disabled:c.prop.bool(!1),error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),loading:c.prop.bool(!1),multiple:c.prop.bool(!1),name:c.prop.string(),"no-filter":c.prop.bool(!1),options:c.prop.data(),placeholder:c.prop.string(`Select...`),rounded:c.prop.string(),size:c.prop.string(),value:c.prop.string(),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r,onCleanup:i,onElement:a,watch:o}){let s=(0,c.inject)(Q),u=$(t,e,s),d=(0,l.signal)(``),f=null,p=null,m=null,h=null,g=(0,c.ref)(),_=Z(i),v=null,y=$e({disabled:u.disabled,error:e.error,getFormField:()=>v,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`combobox`,signal:_,validateOn:s?.validateOn,value:e.value}),b=(0,l.signal)([]),x=ht({getBoundary:()=>n,getFocusedOptionElement:()=>m?.querySelector(`[data-focused]`)??null,getItems:()=>b.value,getOptionId:e=>`${y.fieldId}-opt-${e}`,getPanel:()=>m,getReference:()=>p,getTrigger:()=>f,isDisabled:()=>y.disabled.value,onClose:e=>{r(`close`,{reason:e}),_.aborted||W(),y.triggerValidation(`blur`)},onOpen:e=>r(`open`,{reason:e}),restoreFocus:!1,signal:_}),{disabled:S,fieldId:C,selectedValues:w,triggerValidation:T}=y;v=(0,c.useField)({disabled:y.disabled,toFormValue:e=>e,value:y.formValue});let{focusedIndex:E,isOpen:D,scrollFocusedIntoView:O,updatePosition:k}=x,A=()=>!!e.multiple.value,j=()=>!!e.creatable.value,M=()=>!!e[`no-filter`].value;t({attr:{open:()=>D.value?!0:void 0,size:u.size,variant:u.variant}});let N=null,P=!1,F=(0,l.computed)(()=>w.value[0]??``);Object.defineProperty(n,"value",{configurable:!0,get:()=>A()?w.value:F.value,set:e=>{let t=e;if(Array.isArray(t)){y.setValues(t.map(e=>String(e??``)));return}if(t==null||t===``){y.clear();return}y.setValues([String(t)])}});let ee=()=>w.value.length>0;function I(){f?.focus()}let te=(0,l.signal)([]),L=(0,l.signal)([]),R=()=>!!e.loading.value;function z(e){return{disabled:!!e.disabled,iconEl:e.iconEl??null,label:e.label??e.value,value:e.value}}let B=(0,l.computed)(()=>{let t=e.options.value,n=Array.isArray(t)?t.map(z):te.value;return L.value.length===0?n:[...n,...L.value]}),V={clear:()=>{y.clear()},remove:e=>{y.removeValue(e)},select:e=>{y.selectValue(e)},toggle:e=>{y.toggleValue(e)}};function ne(e=Array.from(n.children)){te.value=Cr(e),A()||(d.value=B.value.find(e=>e.value===F.value)?.label??F.value)}ne(),o(()=>{let e=wr(B.value,d.value,M());b.value=A()?e.filter(e=>!w.value.includes(e.value)):e});let re=(0,l.computed)(()=>Tr(d.value,j(),b.value)),H=()=>A()&&w.value.length>0?``:e.placeholder.value||``,U=(0,l.computed)(()=>w.value),ie=(0,l.computed)(()=>w.value.map(e=>B.value.find(t=>t.value===e)?.label??e));function ae(e){r(`change`,{labels:ie.value,originalEvent:e,values:U.value})}function oe(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(V.remove(t),ae(e),T(`change`))}function W(){if(!A()){let e=B.value.find(e=>e.value===F.value);P=!0,d.value=e?.label??``,Promise.resolve().then(()=>{P=!1});return}d.value=``}o(()=>{if(D.value&&!A()&&F.value&&E.value===-1&&d.value===``){let e=b.value.findIndex(e=>e.value===F.value);e>=0&&x.set(e)}});function se(e=!0,t=`programmatic`){if(e&&(N=d.value,d.value=``),!A()&&F.value){let e=wr(B.value,``,M()).findIndex(e=>e.value===F.value);e>=0&&x.set(e)}x.open(t),!A()&&F.value&&E.value>=0&&requestAnimationFrame(()=>{O()})}function G(e=`programmatic`){x.close(e)}let ce=tt({disabled:S,onPress:()=>{D.value||se(!0,`click`),I()}}),le=tt({disabled:S,keys:[`Enter`],onPress:e=>{let t=b.value;D.value&&E.value>=0&&E.value<t.length?ue(t[E.value],e):D.value&&E.value===-1&&re.value?ge(d.value,e):D.value||se(!0,`keyboard`)}});function ue(t,n){t.disabled||(A()?(V.toggle(t.value),d.value=``,ae(n),T(`change`),e.autoclose.value&&G(),I(),requestAnimationFrame(()=>I())):(V.select(t.value),d.value=t.label,ae(n),T(`change`),G(),I()))}function de(e){let t=e.getAttribute(`data-option-index`),n=t?Number(t):-1;if(Number.isInteger(n)&&n>=0&&n<b.value.length)return b.value[n]??null;let r=e.getAttribute(`data-option-value`);if(r){let e=b.value.find(e=>e.value===r);if(e)return e}let i=e.querySelector(`span`)?.textContent?.trim()??e.textContent?.trim()??``;return i?b.value.find(e=>e.label===i||e.value===i)??null:null}function fe(e){e.stopPropagation(),V.clear(),d.value=``,ae(e),T(`change`),I()}function pe(e){let t=e.target,n=t.value;if(!P&&n!==d.value){if(d.value=n,!A()){let e=w.value[0],t=e?B.value.find(t=>t.value===e)?.label??e:``;n===``&&N===t&&(N=null)}x.navigate(`first`),D.value||se(!1,`keyboard`),r(`search`,{query:t.value})}}function me(){}function he(e){if(!S.value&&!x.handleKeydown(e))switch(e.key){case`ArrowDown`:e.preventDefault(),D.value?x.navigate(`next`):(se(!0,`keyboard`),x.navigate(`first`));break;case`ArrowUp`:e.preventDefault(),D.value?x.navigate(`prev`):se(!0,`keyboard`);break;case`Backspace`:A()&&!d.value&&w.value.length>0&&(y.removeValue(w.value[w.value.length-1]??``),ae(e),T(`change`));break;case`Enter`:le.handleKeydown(e);break;case`Tab`:G(`programmatic`);break;default:break}}function ge(e,t){let n=e.trim();if(!n)return;let r={disabled:!1,iconEl:null,label:n,value:Er(n)};L.value=[...L.value,r],ue(r,t)}let _e=(()=>{let e=new MutationObserver(()=>{ne()});return e.observe(n,{attributeFilter:[`disabled`,`label`,`value`],attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()})(),ve=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=de(n);if(!r||r.disabled)return;let i=b.value.findIndex(e=>e.value===r.value);i>=0&&x.set(i)},ye=n.shadowRoot;ye&&ye.addEventListener(`pointermove`,ve);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(),ge(d.value,e);return}let n=t.closest(`.option`);if(!n)return;e.preventDefault(),e.stopPropagation();let r=de(n);r&&ue(r,e)},n=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.option`);if(!n)return;let r=de(n);if(!r)return;let i=b.value.findIndex(e=>e.value===r.value);i>=0&&x.set(i)};return e.addEventListener(`click`,t),e.addEventListener(`pointermove`,n),()=>{e.removeEventListener(`click`,t),e.removeEventListener(`pointermove`,n)}},K=null,xe=null,Se=e=>{h=e,xe!==e&&(K?.(),K=null,xe=null,e&&(K=be(e),xe=e))},Ce=()=>{h&&(xe===h&&K||(K?.(),K=be(h),xe=h))};return o(()=>{Ce(),D.value?(m&&`showPopover`in m&&!m.matches(`:popover-open`)&&m.showPopover(),k()):m&&`hidePopover`in m&&m.matches(`:popover-open`)&&m.hidePopover()}),a(g,e=>{p=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(!t)return;f=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`,`${C}-listbox`);let n=()=>{D.value||se(!0,`click`),I()};return t.addEventListener(`input`,pe),t.addEventListener(`keydown`,he),t.addEventListener(`focus`,me),t.addEventListener(`click`,n),()=>{f=null,p=null,t.removeEventListener(`input`,pe),t.removeEventListener(`keydown`,he),t.removeEventListener(`focus`,me),t.removeEventListener(`click`,n)}}),o(()=>{if(!g.value)return;let t=f;t&&(t.setAttribute(`aria-expanded`,String(D.value)),S.value?t.setAttribute(`aria-disabled`,`true`):t.removeAttribute(`aria-disabled`),e.error.value?(t.setAttribute(`aria-invalid`,`true`),t.setAttribute(`aria-errormessage`,`${C}-error`)):(t.removeAttribute(`aria-invalid`),t.removeAttribute(`aria-errormessage`)))}),o(()=>{if(!g.value)return;let e=f;e&&e.value!==d.value&&(e.value=d.value)}),i(()=>{ye?.removeEventListener(`pointermove`,ve),K?.(),K=null,xe=null,_e()}),c.html`
|
|
1190
|
+
<slot></slot>
|
|
1191
|
+
<ore-input
|
|
1192
|
+
class="trigger"
|
|
1193
|
+
ref=${g}
|
|
1194
|
+
:label="${()=>e.label.value??``}"
|
|
1195
|
+
:placeholder="${H}"
|
|
1196
|
+
:label-placement="${()=>e[`label-placement`].value??`inset`}"
|
|
1197
|
+
:color="${()=>e.color?.value??void 0}"
|
|
1198
|
+
:size="${()=>u.size?.value??void 0}"
|
|
1199
|
+
:variant="${()=>u.variant?.value??void 0}"
|
|
1200
|
+
:rounded="${()=>e.rounded?.value??void 0}"
|
|
1201
|
+
:helper="${()=>e.helper.value??``}"
|
|
1202
|
+
:error="${()=>e.error.value??``}"
|
|
1203
|
+
?disabled="${S}"
|
|
1204
|
+
?required="${()=>!1}"
|
|
1205
|
+
?fullwidth="${()=>e.fullwidth.value?!0:void 0}"
|
|
1206
|
+
:name="${()=>e.name.value??``}"
|
|
1207
|
+
@click="${e=>{ce.handleClick(e)}}"
|
|
1208
|
+
part="wrapper">
|
|
1209
|
+
<div slot="prefix" class="chips-row">
|
|
1210
|
+
<!-- Keep chip list diffing isolated so input node identity stays stable. -->
|
|
1211
|
+
<span class="chips-list">
|
|
1212
|
+
${()=>(A()?w.value:[]).map(t=>c.html`
|
|
1213
|
+
<ore-chip
|
|
1214
|
+
value=${t}
|
|
1215
|
+
label=${B.value.find(e=>e.value===t)?.label??t}
|
|
1216
|
+
mode="removable"
|
|
1217
|
+
variant="flat"
|
|
1218
|
+
size="sm"
|
|
1219
|
+
color="${e.color}"
|
|
1220
|
+
@remove=${oe}>
|
|
1221
|
+
${B.value.find(e=>e.value===t)?.label??t}
|
|
1222
|
+
</ore-chip>
|
|
1223
|
+
`)}
|
|
1224
|
+
</span>
|
|
1225
|
+
</div>
|
|
1226
|
+
<span slot="suffix" class="combobox-suffix" aria-hidden="true">
|
|
1227
|
+
<button
|
|
1228
|
+
class="clear-btn"
|
|
1229
|
+
part="clear-btn"
|
|
1230
|
+
type="button"
|
|
1231
|
+
aria-label="Clear"
|
|
1232
|
+
tabindex="-1"
|
|
1233
|
+
?hidden=${()=>!ee()}
|
|
1234
|
+
@click="${fe}">
|
|
1235
|
+
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1236
|
+
</button>
|
|
1237
|
+
<span class="combobox-suffix-end">
|
|
1238
|
+
<span class="loader"></span>
|
|
1239
|
+
<span class="chevron">
|
|
1240
|
+
<ore-icon name="chevron-down" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1241
|
+
</span>
|
|
1242
|
+
</span>
|
|
1243
|
+
</span>
|
|
1244
|
+
</ore-input>
|
|
1245
|
+
<span
|
|
1246
|
+
class="sr-only"
|
|
1247
|
+
id="${()=>`${C}-error`}"
|
|
1248
|
+
role="alert"
|
|
1249
|
+
aria-live="assertive"
|
|
1250
|
+
?hidden="${()=>!e.error.value}"
|
|
1251
|
+
>${()=>e.error.value??``}</span
|
|
1252
|
+
>
|
|
1253
|
+
<div
|
|
1254
|
+
class="dropdown"
|
|
1255
|
+
part="dropdown"
|
|
1256
|
+
id="${()=>`${C}-dropdown`}"
|
|
1257
|
+
popover="manual"
|
|
1258
|
+
?data-open=${()=>D.value}
|
|
1259
|
+
ref=${e=>{m=e}}>
|
|
1260
|
+
<div
|
|
1261
|
+
role="listbox"
|
|
1262
|
+
id="${()=>`${C}-listbox`}"
|
|
1263
|
+
:style="${()=>D.value&&b.value.length>0?`height:${b.value.length*36}px;`:``}"
|
|
1264
|
+
aria-label="${()=>e.label.value||e.placeholder.value||`Options`}"
|
|
1265
|
+
ref=${e=>{Se(e)}}>
|
|
1266
|
+
${()=>D.value?R()?c.html`<div class="dropdown-loading">Loading...</div>`:b.value.length===0?re.value?c.html`<button
|
|
1267
|
+
type="button"
|
|
1268
|
+
class="no-results-create"
|
|
1269
|
+
?data-focused=${()=>E.value===-1}>
|
|
1270
|
+
${re.value}
|
|
1271
|
+
</button>`:c.html`<div class="no-results" role="presentation">No results found</div>`:b.value.map((e,t)=>c.html`<div
|
|
1272
|
+
class="option"
|
|
1273
|
+
role="option"
|
|
1274
|
+
id="${`${C}-opt-${t}`}"
|
|
1275
|
+
data-option-index="${t}"
|
|
1276
|
+
data-option-value="${e.value}"
|
|
1277
|
+
:aria-selected="${()=>String(A()?w.value.includes(e.value):F.value===e.value)}"
|
|
1278
|
+
aria-disabled="${String(e.disabled)}"
|
|
1279
|
+
style="${`position:absolute;top:0;left:0;right:0;transform:translateY(${t*36}px);`}"
|
|
1280
|
+
?data-focused=${()=>E.value===t}
|
|
1281
|
+
?data-selected=${()=>A()?w.value.includes(e.value):F.value===e.value}
|
|
1282
|
+
?data-disabled=${e.disabled}>
|
|
1283
|
+
<span>${e.label}</span>
|
|
1284
|
+
<span class="option-check" aria-hidden="true"
|
|
1285
|
+
><ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon
|
|
1286
|
+
></span>
|
|
1287
|
+
</div>`):``}
|
|
1288
|
+
</div>
|
|
1289
|
+
</div>
|
|
1290
|
+
`},shadow:{delegatesFocus:!0},styles:[z,L,Ar]});var Mr=`@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}.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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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;text-align:start;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[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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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}}`,Nr=`ore-select`;(0,c.define)(Nr,{formAssociated:!0,props:{...q,...J,...Y,...Ie,...X,error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),multiple:c.prop.bool(!1),name:c.prop.string(),options:c.prop.json(void 0),placeholder:c.prop.string(),required:c.prop.bool(!1),value:c.prop.string(),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r,onCleanup:i,onMounted:a,slots:o}){let s=n.shadowRoot,u=(0,l.signal)([]),d=(0,l.computed)(()=>!!e.loading.value);function f(e){return{disabled:!!e.disabled,group:e.group,label:e.label??e.value,value:e.value}}let p=(0,l.computed)(()=>{let t=e.options.value;return Array.isArray(t)?t.map(f):u.value}),m=(0,c.inject)(Q),h=$(t,e,m),g=null,_=null,v=Z(i),y=null,b=$e({disabled:h.disabled,error:e.error,getFormField:()=>y,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],multiple:e.multiple,prefix:`select`,signal:v,validateOn:m?.validateOn,value:e.value});y=(0,c.useField)({disabled:b.disabled,toFormValue:e=>e,value:b.formValue});let x=ht({getBoundary:()=>n,getFocusedOptionElement:()=>_?.querySelector(`[data-focused]`)??null,getItems:()=>p.value,getPanel:()=>_,getReference:()=>g,getTrigger:()=>g,isDisabled:()=>b.disabled.value,onClose:e=>{r(`close`,{reason:e}),b.triggerValidation(`blur`)},onOpen:e=>r(`open`,{reason:e}),signal:v}),{triggerValidation:S}=b,C=b.selectedValues,w=b.disabled,{fieldId:T}=b,E=`listbox-${T}`,{focusedIndex:D,isOpen:O}=x;t({attr:{"has-error":()=>e.error.value?!0:void 0,open:()=>O.value?!0:void 0,size:h.size,variant:h.variant}});function k(){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})}}u.value=n}let A=(0,l.computed)(()=>{if(C.value.length===0)return``;if(e.multiple.value&&C.value.length>1)return`${C.value.length} selected`;let t=C.value[0];return p.value.find(e=>e.value===t)?.label??t}),j=(0,l.computed)(()=>e.multiple.value?C.value.map(e=>({label:p.value.find(t=>t.value===e)?.label??e,value:e})):[]),M=(0,l.computed)(()=>e.multiple.value&&C.value.length>0),N=(0,l.computed)(()=>A.value||e.placeholder.value||``);function P(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 F=(0,l.computed)(()=>P(p.value));function ee(e){return p.value.find(t=>t.value===e)?.label??e}function I(e){let t=C.value;r(`change`,{labels:t.map(e=>ee(e)),originalEvent:e,values:t})}function te(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(b.removeValue(t),I(e),S(`change`))}function L(e=`programmatic`){x.open(e),requestAnimationFrame(()=>{let e=C.value.length>0?p.value.findIndex(e=>e.value===C.value[0]):-1;if(e>=0){x.set(e);return}x.navigate(`first`)})}function R(t,n){t.disabled||(e.multiple.value?b.toggleValue(t.value):(b.selectValue(t.value),x.close()),I(n),S(`change`))}function z(e){if(!w.value&&!x.handleKeydown(e))switch(e.key){case` `:case`Enter`:if(e.preventDefault(),O.value){let t=D.value,n=p.value;t>=0&&t<n.length&&R(n[t],e)}else L(`keyboard`);break;case`Tab`:x.close();break}}let B=()=>N.value,V=()=>e.label.value??``,ne=()=>e.placeholder.value??``,re=()=>e[`label-placement`].value??`inset`,H=()=>e.color?.value??void 0,U=()=>h.size?.value??void 0,ie=()=>h.variant?.value??void 0,ae=()=>e.rounded?.value??void 0,oe=()=>e.helper.value??``,W=()=>e.error.value??``,se=()=>w.value?!0:void 0,G=()=>e.required.value?!0:void 0,ce=()=>e.fullwidth.value?!0:void 0,le=()=>e.loading.value?!0:void 0,ue=()=>w.value?`-1`:`0`;(0,l.watch)(o.elements(),()=>k(),{immediate:!0});let de=(0,l.effect)(()=>{O.value?_&&`showPopover`in _&&!_.matches(`:popover-open`)&&_.showPopover():_&&`hidePopover`in _&&_.matches(`:popover-open`)&&_.hidePopover()});return i(()=>de.dispose()),a(()=>{let e=null,t=null;return g&&(e=e=>{e.stopPropagation(),!w.value&&(O.value?x.close(`trigger`):L(`click`))},t=e=>{z(e)},g.addEventListener(`click`,e),g.addEventListener(`keydown`,t)),()=>{g&&e&&g.removeEventListener(`click`,e),g&&t&&g.removeEventListener(`keydown`,t)}}),c.html`<slot style="display:none"></slot>
|
|
1291
|
+
<ore-input
|
|
1292
|
+
class="trigger"
|
|
1293
|
+
part="trigger"
|
|
1294
|
+
readonly
|
|
1295
|
+
tabindex="${ue}"
|
|
1296
|
+
role="combobox"
|
|
1297
|
+
aria-haspopup="listbox"
|
|
1298
|
+
aria-controls="${E}"
|
|
1299
|
+
:aria-disabled="${()=>w.value?`true`:null}"
|
|
1300
|
+
:aria-expanded="${()=>String(O.value)}"
|
|
1301
|
+
:aria-invalid="${()=>e.error.value?`true`:null}"
|
|
1302
|
+
:value="${B}"
|
|
1303
|
+
:label="${V}"
|
|
1304
|
+
:placeholder="${ne}"
|
|
1305
|
+
:label-placement="${re}"
|
|
1306
|
+
:color="${H}"
|
|
1307
|
+
:size="${U}"
|
|
1308
|
+
:variant="${ie}"
|
|
1309
|
+
:rounded="${ae}"
|
|
1310
|
+
:helper="${oe}"
|
|
1311
|
+
:error="${W}"
|
|
1312
|
+
?disabled="${se}"
|
|
1313
|
+
?required="${G}"
|
|
1314
|
+
?fullwidth="${ce}"
|
|
1315
|
+
?loading="${le}"
|
|
1316
|
+
ref="${e=>{g=e}}">
|
|
1317
|
+
<div slot="prefix" class="chips-row" ?hidden="${()=>!M.value}">
|
|
1318
|
+
${()=>j.value.map(t=>c.html`<ore-chip
|
|
1319
|
+
value="${t.value}"
|
|
1320
|
+
label="${t.label}"
|
|
1321
|
+
mode="removable"
|
|
1322
|
+
variant="flat"
|
|
1323
|
+
size="sm"
|
|
1324
|
+
color="${e.color}"
|
|
1325
|
+
@remove="${te}">
|
|
1326
|
+
${t.label}
|
|
1327
|
+
</ore-chip>`)}
|
|
1328
|
+
</div>
|
|
1329
|
+
<span slot="suffix" class="trigger-suffix" aria-hidden="true">
|
|
1330
|
+
<span class="loader"></span>
|
|
1331
|
+
<span class="trigger-icon">
|
|
1332
|
+
<ore-icon name="chevron-down" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1333
|
+
</span>
|
|
1334
|
+
</span>
|
|
1335
|
+
</ore-input>
|
|
1336
|
+
<div
|
|
1337
|
+
class="dropdown"
|
|
1338
|
+
part="dropdown"
|
|
1339
|
+
popover="manual"
|
|
1340
|
+
?data-open="${O}"
|
|
1341
|
+
role="listbox"
|
|
1342
|
+
id="${E}"
|
|
1343
|
+
aria-label="Options"
|
|
1344
|
+
ref="${e=>{_=e}}">
|
|
1345
|
+
<div class="dropdown-loading" ?hidden="${()=>!d.value}">Loading…</div>
|
|
1346
|
+
<div class="dropdown-empty" ?hidden="${()=>d.value||p.value.length>0}">No options</div>
|
|
1347
|
+
<div class="options-list" ?hidden="${()=>d.value||p.value.length===0}">
|
|
1348
|
+
${()=>F.value.map(e=>e.type===`group`?c.html`<div class="optgroup-label" role="presentation">${e.label}</div>`:c.html`<div
|
|
1349
|
+
class="option"
|
|
1350
|
+
role="option"
|
|
1351
|
+
id="${`${T}-opt-${e.idx}`}"
|
|
1352
|
+
data-option-index="${String(e.idx)}"
|
|
1353
|
+
data-option-value="${e.opt.value}"
|
|
1354
|
+
aria-selected="${()=>String(C.value.includes(e.opt.value))}"
|
|
1355
|
+
aria-disabled="${()=>String(e.opt.disabled)}"
|
|
1356
|
+
?data-focused="${()=>D.value===e.idx}"
|
|
1357
|
+
?data-selected="${()=>C.value.includes(e.opt.value)}"
|
|
1358
|
+
?data-disabled="${()=>e.opt.disabled}"
|
|
1359
|
+
@click="${t=>{t.stopPropagation(),R(e.opt,t)}}"
|
|
1360
|
+
@pointerenter="${()=>{x.set(e.idx)}}">
|
|
1361
|
+
<span>${e.opt.label}</span>
|
|
1362
|
+
<span class="option-check" aria-hidden="true">
|
|
1363
|
+
<ore-icon name="check" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
1364
|
+
</span>
|
|
1365
|
+
</div>`)}
|
|
1366
|
+
</div>
|
|
1367
|
+
</div>`},shadow:{delegatesFocus:!0},styles:[z,Mr]});var Pr=e=>{let{bindTriggerAria:t,disabled:n,getPanel:r,onClose:i,onOpen:a,onPlacementChange:o,openProp:s,placement:c,slot:u,slotElements:f,triggers:p}=e,m=()=>typeof u==`function`?u():u,h=()=>{let t=e.offset;return t==null?8:(typeof t==`object`?t.value:t)??8},g=Z(e.onCleanup),_=(0,l.signal)(!1),v=()=>s.value!==void 0,y=null,b=null,x=dt({getBoundary:()=>document.body,getPanel:r,getTrigger:()=>y,isDisabled:()=>n.value,isOpen:()=>_.value,onClose:i,onOpen:a,positioner:{floating:r,reference:()=>y,update:S},restoreFocus:!1,setOpen:e=>{v()||(e?C():w())},signal:g});function S(){let e=r();if(!e||!y)return;let t=(0,d.computePosition)(y,e,{middleware:[(0,d.offset)(h()),(0,d.flip)(),(0,d.shift)({padding:8})],placement:c.value});e.style.left=`${t.x}px`,e.style.top=`${t.y}px`,e.dataset.placement=t.placement,o?.(t.placement)}function C(){_.value=!0;let e=r();if(e&&(e.dataset.open=``,`showPopover`in e))try{e.matches(`:popover-open`)||e.showPopover()}catch{}S()}function w(){_.value=!1;let e=r();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}}function T(e=`programmatic`){v()||x.open(e)}function E(e=`trigger`){v()||x.close(e,!1)}function D(){v()||x.toggle()}function O(e){e.key===`Escape`&&E(`escape`)}function k(t){if(!_.value)return;let n=t.composedPath(),i=r(),a=e.getHost?.();y&&n.includes(y)||i&&n.includes(i)||a&&n.includes(a)||E(`outsideClick`)}function A(e){let t=e.relatedTarget,n=r();t&&n?.contains(t)||t&&y?.contains(t)||E(`trigger`)}let j=()=>{b?.(),b=null;let e=m()?.assignedElements({flatten:!0})[0];if(!e){y=null;return}y=e;let n=t(e),i=[],a=(e,t,n,r)=>{e.addEventListener(t,n,r),i.push(()=>e.removeEventListener(t,n,r))},o=p.value;if(o.includes(`click`)&&(a(e,`click`,D),a(document,`pointerdown`,k,{capture:!0})),o.includes(`hover`)){a(e,`pointerenter`,()=>T(`hover`)),a(e,`pointerleave`,()=>E(`trigger`));let t=r();t&&(a(t,`pointerenter`,()=>T(`hover`)),a(t,`pointerleave`,()=>E(`trigger`)))}if(o.includes(`focus`)){a(e,`focusin`,()=>T(`focus`)),a(e,`focusout`,A);let t=r();t&&a(t,`focusout`,A)}a(document,`keydown`,O),b=()=>{n();for(let e of i)e();y=null}};return{close:E,mount:()=>((0,l.watch)(f,j,{immediate:!0}),(0,l.watch)(s,e=>{e!=null&&(e?(C(),a?.(`programmatic`)):_.value&&(w(),i?.(`programmatic`)))},{immediate:!0}),(0,l.watch)(n,e=>{e&&E(`programmatic`)}),()=>{b?.(),b=null;let e=r();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}x.dispose()}),open:T,toggle:D,updatePosition:S,visible:_}},Fr=`@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)}}}`,Ir=8,Lr=new Set([`click`,`focus`,`hover`]),Rr=[`click`],zr=e=>Wt(String(e??``),Lr,Rr),Br=`ore-popover`;(0,c.define)(Br,{props:{...Y,label:c.prop.string(),offset:c.prop.number(Ir),open:c.prop.json(void 0),placement:c.prop.oneOf([`bottom`,`bottom-end`,`bottom-start`,`left`,`left-end`,`left-start`,`right`,`right-end`,`right-start`,`top`,`top-end`,`top-start`],`bottom`),trigger:c.prop.string(`click`)},setup(e,{aria:t,el:n,emit:r,onCleanup:i,onMounted:a,slots:o}){let s=n.shadowRoot,u=(0,l.computed)(()=>!!e.disabled.value),d=(0,c.createStableId)(`popover`),f=(0,l.computed)(()=>zr(e.trigger.value)),p=null,m=Pr({bindTriggerAria:e=>t(e,{controls:()=>d,disabled:()=>String(u.value),expanded:()=>String(m.visible.value),haspopup:`dialog`}),disabled:u,getHost:()=>n,getPanel:()=>p,offset:e.offset,onCleanup:i,onClose:e=>r(`close`,{reason:e}),onOpen:e=>r(`open`,{reason:e}),openProp:e.open,placement:(0,l.computed)(()=>e.placement.value),slot:()=>s?.querySelector(`slot:not([name])`)??null,slotElements:o.elements(),triggers:f});return a(()=>m.mount()),c.html`
|
|
1368
|
+
<slot></slot>
|
|
1369
|
+
<div
|
|
1370
|
+
class="panel"
|
|
1371
|
+
part="panel"
|
|
1372
|
+
id="${d}"
|
|
1373
|
+
role="dialog"
|
|
1374
|
+
aria-modal="false"
|
|
1375
|
+
popover="manual"
|
|
1376
|
+
:aria-label="${e.label}"
|
|
1377
|
+
:aria-hidden="${()=>String(!m.visible.value)}"
|
|
1378
|
+
ref=${e=>{p=e}}>
|
|
1379
|
+
<slot name="content"></slot>
|
|
1380
|
+
</div>
|
|
1381
|
+
`},styles:[z,Fr]}),customElements.get(`ore-column`)||customElements.define(`ore-column`,class extends HTMLElement{connectedCallback(){this.getAttribute(`key`)||K("ore-column: missing required `key` attribute"),this.getAttribute(`label`)||K("ore-column: missing required `label` attribute")}});var Vr=[`key`,`label`,`sortable`,`resizable`,`align`,`width`,`header-label`];function Hr(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 Ur=[{label:`Contains`,value:`contains`},{label:`Equals`,value:`equals`},{label:`Greater than`,value:`gt`},{label:`Less than`,value:`lt`}],Wr=e=>{let t=(0,l.signal)(``),n=(0,l.signal)(!1),r=(0,l.signal)(new Set),i=(0,l.signal)(new Set),a=(0,l.signal)(new Map),o=(0,l.computed)(()=>{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=e.rows.value,a=new Map;for(let e of n){let t=new Set,n=[];for(let i of r){let r=i[e],a=r==null?``:String(r);t.has(a)||(t.add(a),n.push({label:a||`(empty)`,value:a}))}a.set(e,n)}return a}),s=(0,l.computed)(()=>{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:Ur,options:o.value.get(t)??[]}));return[...t.map(e=>({...e,operators:e.operators??Ur})),...r]});(0,l.watch)((0,l.computed)(()=>new Set(e.columns.value.map(e=>e.key))),e=>{let t=new Set([...i.value].filter(t=>e.has(t)));t.size!==i.value.size&&(i.value=t);let n=new Map([...a.value].filter(([t])=>e.has(t)));n.size!==a.value.size&&(a.value=n)},{immediate:!1});let c=(0,l.computed)(()=>{let n=e.rows.value,r=t.value.trim().toLowerCase();return r?n.filter(e=>Object.values(e).some(e=>e!=null&&String(e).toLowerCase().includes(r))):n});return{activateFilterKey:e=>{i.value.has(e)||(i.value=new Set([...i.value,e]))},clearAllFilters:()=>{i.value=new Set,a.value=new Map},filterDefs:s,filteredRows:(0,l.computed)(()=>{let t=c.value,n=a.value;if(!n.size)return t;let r=new Set(e.columns.value.map(e=>e.key));return t.filter(e=>{for(let[t,i]of n){if(!i.values.size||!r.has(t))continue;let n=e[t],a=n==null?``:String(n);if(i.operator===`equals`){if(!i.values.has(a))return!1}else if(i.operator===`contains`){if(![...i.values].some(e=>a.toLowerCase().includes(e.toLowerCase())))return!1}else if(i.operator===`gt`||i.operator===`lt`){let e=parseFloat(a),t=[...i.values].map(parseFloat).filter(e=>!isNaN(e));if(!t.length)continue;if(i.operator===`gt`){if(!t.some(t=>e>t))return!1}else if(!t.some(t=>e<t))return!1}}return!0})}),filterValues:a,hiddenColumns:r,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,setActiveFilterKeys:e=>{let t=new Set(e);i.value=t;let n=new Map(a.value),r=!1;for(let e of n.keys())t.has(e)||(n.delete(e),r=!0);r&&(a.value=n)},setFilter:(e,t)=>{let n=new Map(a.value);if(t.length===0)n.delete(e);else{let r=n.get(e);n.set(e,{operator:r?.operator??`contains`,values:new Set(t)})}a.value=n},setFilterOperator:(e,t)=>{let n=new Map(a.value),r=n.get(e);r&&(n.set(e,{...r,operator:t}),a.value=n)},setSearchQuery:e=>{t.value=e},toggleColumnVisibility:e=>{let t=new Set(r.value);t.has(e)?t.delete(e):t.add(e),r.value=t},toggleSearch:()=>{n.value&&(t.value=``),n.value=!n.value}}},Gr=`.dg-td, .dg-th`;function Kr(e){return Array.from(e.querySelectorAll(`tr`)).map(e=>Array.from(e.querySelectorAll(Gr))).filter(e=>e.length>0)}function qr(e,t){let n=(0,l.signal)({col:0,row:0}),r=e=>{let r=Kr(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(Gr))return;let i=Kr(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 Jr=`@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 Yr(e,t){return e.key!==t||e.direction===`none`?`chevrons-up-down`:e.direction===`asc`?`chevron-up`:`chevron-down`}function Xr(e,t){return e.key!==t||e.direction===`none`?`none`:e.direction===`asc`?`ascending`:`descending`}var Zr=`ore-datagrid`;(0,c.define)(Zr,{props:{activeView:c.prop.string(),density:c.prop.string(),...Y,...Ie,columns:c.prop.data(),emptyText:c.prop.string(`No data`),expandable:c.prop.bool(!1),filterOptions:c.prop.data(),fullwidth:c.prop.bool(!1),getRowKey:c.prop.data(),label:c.prop.string(),pageSize:c.prop.number(10),pageSizeOptions:c.prop.data(),rows:c.prop.data(),searchLabel:c.prop.data(),searchPlaceholder:c.prop.string(`Search…`),selectedKeys:c.prop.data(),selectionMode:c.prop.string(`none`),sortMode:c.prop.string(`client`),source:c.prop.data(),striped:c.prop.bool(!1),views:c.prop.data()},setup(e,{el:t,emit:n,onCleanup:r,onMounted:i,slots:a}){let o=(0,l.computed)(()=>e.disabled.value===!0),s=(0,l.computed)(()=>e.selectionMode.value??`none`),u=(0,l.signal)(new Set),d=(0,l.computed)(()=>e.expandable.value===!0&&g.value.some(e=>typeof e.renderExpanded==`function`)),p=(0,l.computed)(()=>+(s.value===`multi`)),m=(0,l.signal)(e.pageSize.value??10);(0,l.watch)(e.pageSize,e=>{e!=null&&(m.value=e)});let h=(0,l.signal)([]);i(()=>{h.value=Hr(t);let e=new MutationObserver(()=>{h.value=Hr(t)});return e.observe(t,{attributeFilter:Vr,attributes:!0,childList:!0,subtree:!0}),()=>e.disconnect()});let g=(0,l.computed)(()=>{let t=e.columns.value;return t===void 0?h.value:t}),_=t=>{let n=e.getRowKey.value;if(n)return n(t);let r=t.id;return r==null?(K("ore-datagrid: row missing `id` — keys will collide. Provide `getRowKey` or add a unique `id` field."),`__missing_${Math.random().toString(36).slice(2)}`):String(r)},v=Wr({columns:g,filterOptions:e.filterOptions,rows:(0,l.computed)(()=>e.rows.value??[])}),y=(0,f.debounce)(t=>{let n=t,r=e.source.value;r?.search?r.search(n):v.setSearchQuery(n)},250),b=(0,l.computed)(()=>e.source.value!=null),x=(0,l.signal)([]),S=(0,l.signal)({error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:m.value,totalItems:0}),C=null;r(()=>{C?.(),C=null}),(0,l.watch)(e.source,e=>{if(C?.(),C=null,!e){x.value=[],S.value={error:null,isLoading:!1,pageCount:1,pageNumber:1,pageSize:m.value,totalItems:0};return}let t=()=>{x.value=e.current,S.value=e.meta};t(),C=e.subscribe(t)},{immediate:!0});let w=Ut({columns:()=>g.value,getRowKey:_,items:(0,l.computed)(()=>b.value?x.value:v.filteredRows.value),onSelectionChange:e=>{n(`selection-change`,{keys:[...e],rows:w.selectedRows.value})},onSortChange:e=>{n(`sort-change`,e)},pageSize:()=>b.value?0:m.value,selectionMode:()=>s.value,signal:Z(r)});(0,l.watch)(e.selectedKeys,e=>{Array.isArray(e)&&w.setSelection(new Set(e))},{immediate:!0});let T=(0,l.signal)({}),E=(e,t)=>n=>{n.preventDefault();let r=n.clientX,i=t.getBoundingClientRect().width,a=new AbortController,{signal:o}=a;window.addEventListener(`pointermove`,t=>{T.value={...T.value,[e]:Math.max(40,i+t.clientX-r)}},{signal:o}),window.addEventListener(`pointerup`,()=>a.abort(),{signal:o})},D=(0,l.computed)(()=>g.value.filter(e=>!v.hiddenColumns.value.has(e.key))),O=(e,t)=>{if(e.cell)return e.cell(t);let n=t[e.key];return n==null?``:String(n)};(0,l.watch)(v.filteredRows,()=>w.goToPage(0),{immediate:!1});function k(t){let r=e.source.value;if(r){t===`prev`?r.prev?.():r.next?.();return}t===`prev`?w.prevPage():w.nextPage(),n(`page-change`,{pageIndex:w.pageIndex.value,pageSize:m.value})}let j=(0,l.computed)(()=>{let e=w.currentPageItems.value;return!e.length||w.isAllSelected()?!1:e.some(e=>w.selectedKeys.value.has(_(e)))}),M=(0,l.computed)(()=>D.value.length+ +(s.value===`multi`)+ +!!d.value),N=(0,l.computed)(()=>b.value?S.value.pageCount>1:m.value>0),P=(0,l.computed)(()=>{if(b.value){let{pageNumber:e,pageSize:t,totalItems:n}=S.value,r=Math.max(1,t);if(!N.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(!N.value)return`${e} row${e===1?``:`s`}`;if(e===0)return`0 to 0 of 0`;let t=w.pageIndex.value*m.value+1;return`${t} to ${Math.min(t+m.value-1,e)} of ${e}`}),F=(0,l.computed)(()=>e.loading.value===!0||b.value&&S.value.isLoading),ee=(0,l.computed)(()=>b.value?S.value.pageNumber>1:w.hasPrevPage.value),I=(0,l.computed)(()=>b.value?S.value.pageNumber<S.value.pageCount:w.hasNextPage.value),te=(0,l.computed)(()=>b.value?S.value.totalItems===0?`0 / 0`:`${S.value.pageNumber} / ${S.value.pageCount}`:`${w.pageIndex.value+1} / ${w.pageCount.value}`),L=[`compact`,`cozy`,`comfortable`],R={comfortable:`rows-2`,compact:`rows-4`,cozy:`rows-3`},z={comfortable:`Density: Comfortable`,compact:`Density: Compact`,cozy:`Density: Cozy`},B=(0,l.signal)(e.density.value??`cozy`);(0,l.watch)(e.density,e=>{e&&(B.value=e)});let V=()=>{let e=L[(L.indexOf(B.value)+1)%L.length];B.value=e,t.setAttribute(`density`,e),n(`density-change`,{density:e})},ne=(0,l.signal)(!1),re=e=>{let t=new Set(u.value),r=!t.has(e);r?t.add(e):t.delete(e),u.value=t,n(`row-expand`,{expanded:r,key:e})},H={activeCell:(0,l.signal)({col:0,row:0}),focusCell:()=>{}};i(()=>{let e=t.shadowRoot,n=e.querySelector(`.dg-table`);if(!n)return;let{cleanup:r,handle:i}=qr(n,e);return H=i,r}),t.focusCell=e=>H.focusCell(e);let U=()=>{let t=e.views.value??[],r=e.activeView.value;return c.html`<div
|
|
1382
|
+
class="dg-tabs"
|
|
1383
|
+
role="tablist"
|
|
1384
|
+
aria-label="Views"
|
|
1385
|
+
aria-controls="dg-tabpanel"
|
|
1386
|
+
@keydown="${e=>{if(![`ArrowLeft`,`ArrowRight`,`Home`,`End`].includes(e.key))return;let t=Array.from(e.currentTarget.querySelectorAll(`.dg-tab`)),n=t.findIndex(e=>e.classList.contains(`dg-tab--active`)),r=n;if(e.key===`ArrowLeft`?r=Math.max(0,n-1):e.key===`ArrowRight`?r=Math.min(t.length-1,n+1):e.key===`Home`?r=0:e.key===`End`&&(r=t.length-1),r!==n){e.preventDefault();let n=t[r];n.focus(),n.click()}}}">
|
|
1387
|
+
${t.map(e=>c.html`<ore-button
|
|
1388
|
+
class="${()=>`dg-tab${r===e.id?` dg-tab--active`:``}`}"
|
|
1389
|
+
role="tab"
|
|
1390
|
+
variant="ghost"
|
|
1391
|
+
rounded="full"
|
|
1392
|
+
size="sm"
|
|
1393
|
+
:tabindex="${()=>r===e.id?`0`:`-1`}"
|
|
1394
|
+
:aria-selected="${()=>String(r===e.id)}"
|
|
1395
|
+
aria-controls="dg-tabpanel"
|
|
1396
|
+
@click="${()=>{n(`view-change`,{id:e.id,label:e.label})}}">
|
|
1397
|
+
${e.label}
|
|
1398
|
+
</ore-button>`)}
|
|
1399
|
+
</div>`},ie=()=>c.html`<ore-popover class="dg-action-popover" placement="bottom-end" label="Sort" style="--popover-min-width:18rem">
|
|
1400
|
+
<ore-button variant="ghost" size="sm" icon-only label="Sort">
|
|
1401
|
+
<ore-icon name="arrow-up-down" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1402
|
+
</ore-button>
|
|
1403
|
+
<div slot="content" class="dg-pop-sort">
|
|
1404
|
+
<div class="dg-pop-header">
|
|
1405
|
+
<span class="dg-pop-title">Sort by</span>
|
|
1406
|
+
<ore-button
|
|
1407
|
+
class="dg-icon-btn"
|
|
1408
|
+
variant="ghost"
|
|
1409
|
+
size="sm"
|
|
1410
|
+
icon-only
|
|
1411
|
+
label="Clear sort"
|
|
1412
|
+
:disabled="${()=>w.sortState.value.direction===`none`||void 0}"
|
|
1413
|
+
@click="${()=>w.sortTo(``,`none`)}">
|
|
1414
|
+
<ore-icon name="trash-2" size="14" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1415
|
+
</ore-button>
|
|
1416
|
+
</div>
|
|
1417
|
+
<div class="dg-pop-sort-row">
|
|
1418
|
+
<ore-select
|
|
1419
|
+
class="dg-pop-select"
|
|
1420
|
+
variant="flat"
|
|
1421
|
+
size="sm"
|
|
1422
|
+
rounded="lg"
|
|
1423
|
+
placeholder="Property"
|
|
1424
|
+
fullwidth
|
|
1425
|
+
:value="${()=>w.sortState.value.key}"
|
|
1426
|
+
:options="${()=>g.value.map(e=>({label:e.label,value:e.key}))}"
|
|
1427
|
+
@change="${e=>{let t=e.detail.values[0]??``,n=w.sortState.value.direction===`none`?`asc`:w.sortState.value.direction;w.sortTo(t,n)}}"></ore-select>
|
|
1428
|
+
<ore-select
|
|
1429
|
+
class="dg-pop-dir-select"
|
|
1430
|
+
variant="flat"
|
|
1431
|
+
size="sm"
|
|
1432
|
+
rounded="lg"
|
|
1433
|
+
fullwidth
|
|
1434
|
+
:disabled="${()=>!w.sortState.value.key||void 0}"
|
|
1435
|
+
:value="${()=>w.sortState.value.direction===`none`?`asc`:w.sortState.value.direction}"
|
|
1436
|
+
:options="${()=>[{label:`A → Z`,value:`asc`},{label:`Z → A`,value:`desc`}]}"
|
|
1437
|
+
@change="${e=>{w.sortState.value.key&&w.sortTo(w.sortState.value.key,e.detail.values[0]??`asc`)}}"></ore-select>
|
|
1438
|
+
</div>
|
|
1439
|
+
</div>
|
|
1440
|
+
</ore-popover>`,ae=()=>c.html`<ore-popover
|
|
1441
|
+
class="dg-action-popover"
|
|
1442
|
+
placement="bottom-end"
|
|
1443
|
+
label="Filter"
|
|
1444
|
+
style="--popover-min-width:16rem;--popover-max-height:min(90vh,48rem)">
|
|
1445
|
+
${()=>v.filterDefs.value.length?c.html`<ore-badge
|
|
1446
|
+
anchor="top-end"
|
|
1447
|
+
color="primary"
|
|
1448
|
+
size="xs"
|
|
1449
|
+
:count="${()=>ne.value?v.filterDefs.value.length:void 0}"
|
|
1450
|
+
:dot="${()=>!ne.value||void 0}"
|
|
1451
|
+
:label="${()=>`${v.filterDefs.value.length} active filter${v.filterDefs.value.length>1?`s`:``}`}"
|
|
1452
|
+
aria-hidden="true"
|
|
1453
|
+
@mouseenter="${()=>ne.value=!0}"
|
|
1454
|
+
@mouseleave="${()=>ne.value=!1}"
|
|
1455
|
+
@focusin="${()=>ne.value=!0}"
|
|
1456
|
+
@focusout="${()=>ne.value=!1}">
|
|
1457
|
+
<ore-button slot="target" variant="ghost" size="sm" icon-only label="Filter">
|
|
1458
|
+
<ore-icon name="filter" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1459
|
+
</ore-button>
|
|
1460
|
+
</ore-badge>`:c.html`<ore-button class="dg-icon-btn" variant="ghost" size="sm" icon-only label="Filter">
|
|
1461
|
+
<ore-icon name="filter" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1462
|
+
</ore-button>`}
|
|
1463
|
+
<div slot="content" class="dg-pop-filter">
|
|
1464
|
+
<div class="dg-pop-header">
|
|
1465
|
+
<span class="dg-pop-title">Filter by</span>
|
|
1466
|
+
${()=>v.filterDefs.value.length?c.html`<ore-button
|
|
1467
|
+
class="dg-icon-btn"
|
|
1468
|
+
variant="ghost"
|
|
1469
|
+
size="sm"
|
|
1470
|
+
icon-only
|
|
1471
|
+
label="Clear all filters"
|
|
1472
|
+
@click="${()=>v.clearAllFilters()}">
|
|
1473
|
+
<ore-icon name="trash-2" size="14" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1474
|
+
</ore-button>`:c.html``}
|
|
1475
|
+
</div>
|
|
1476
|
+
|
|
1477
|
+
<!-- Always-visible field picker: select columns to add filter rules -->
|
|
1478
|
+
<div class="dg-pop-filter-fields">
|
|
1479
|
+
<ore-combobox
|
|
1480
|
+
placeholder="Add filter…"
|
|
1481
|
+
multiple
|
|
1482
|
+
fullwidth
|
|
1483
|
+
autoclose
|
|
1484
|
+
:options="${()=>g.value.map(e=>({label:e.label,value:e.key}))}"
|
|
1485
|
+
:value="${()=>v.filterDefs.value.map(e=>e.key)}"
|
|
1486
|
+
@change="${e=>{v.setActiveFilterKeys(e.detail.values)}}">
|
|
1487
|
+
</ore-combobox>
|
|
1488
|
+
</div>
|
|
1489
|
+
|
|
1490
|
+
<!-- Active filter rules (appear below the field picker as rules are added) -->
|
|
1491
|
+
<div class="dg-pop-filter-rules" ?hidden="${()=>!v.filterDefs.value.length}">
|
|
1492
|
+
${()=>v.filterDefs.value.map(e=>c.html`
|
|
1493
|
+
<div class="dg-pop-filter-rule">
|
|
1494
|
+
<div class="dg-pop-filter-rule-header">
|
|
1495
|
+
<span class="dg-pop-filter-field">${e.label}</span>
|
|
1496
|
+
<ore-select
|
|
1497
|
+
class="dg-pop-filter-op-select"
|
|
1498
|
+
variant="ghost"
|
|
1499
|
+
size="sm"
|
|
1500
|
+
fullwidth
|
|
1501
|
+
:value="${()=>v.filterValues.value.get(e.key)?.operator??`contains`}"
|
|
1502
|
+
:options="${()=>e.operators??[]}"
|
|
1503
|
+
@change="${t=>{v.setFilterOperator(e.key,t.detail.values[0])}}"></ore-select>
|
|
1504
|
+
<ore-button
|
|
1505
|
+
class="dg-icon-btn"
|
|
1506
|
+
variant="ghost"
|
|
1507
|
+
size="sm"
|
|
1508
|
+
icon-only
|
|
1509
|
+
label="Remove filter"
|
|
1510
|
+
@click="${()=>v.removeFilter(e.key)}">
|
|
1511
|
+
<ore-icon name="trash-2" size="13" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1512
|
+
</ore-button>
|
|
1513
|
+
</div>
|
|
1514
|
+
<ore-combobox
|
|
1515
|
+
class="dg-filter"
|
|
1516
|
+
:placeholder="${()=>e.label}"
|
|
1517
|
+
:options="${()=>e.options}"
|
|
1518
|
+
:value="${()=>[...v.filterValues.value.get(e.key)?.values??[]]}"
|
|
1519
|
+
:disabled="${()=>o.value||void 0}"
|
|
1520
|
+
multiple
|
|
1521
|
+
fullwidth
|
|
1522
|
+
autoclose
|
|
1523
|
+
@change="${t=>{v.setFilter(e.key,t.detail.values)}}"></ore-combobox>
|
|
1524
|
+
</div>
|
|
1525
|
+
`)}
|
|
1526
|
+
</div>
|
|
1527
|
+
</div>
|
|
1528
|
+
</ore-popover>`,oe=()=>c.html`<ore-popover
|
|
1529
|
+
class="dg-action-popover"
|
|
1530
|
+
placement="bottom-end"
|
|
1531
|
+
label="Column options"
|
|
1532
|
+
style="--popover-min-width:18rem">
|
|
1533
|
+
<ore-button class="dg-icon-btn" variant="ghost" size="sm" icon-only label="Column options">
|
|
1534
|
+
<ore-icon name="columns-2" size="15" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1535
|
+
</ore-button>
|
|
1536
|
+
<div slot="content" class="dg-pop-col-list" role="menu" aria-label="Column visibility">
|
|
1537
|
+
${()=>g.value.map(e=>c.html`<ore-button
|
|
1538
|
+
class="dg-pop-col-item"
|
|
1539
|
+
role="menuitemcheckbox"
|
|
1540
|
+
variant="ghost"
|
|
1541
|
+
size="sm"
|
|
1542
|
+
:aria-checked="${()=>String(!v.hiddenColumns.value.has(e.key))}"
|
|
1543
|
+
@click="${()=>v.toggleColumnVisibility(e.key)}">
|
|
1544
|
+
<ore-icon
|
|
1545
|
+
slot="prefix"
|
|
1546
|
+
:name="${()=>v.hiddenColumns.value.has(e.key)?`eye-off`:`eye`}"
|
|
1547
|
+
size="13"
|
|
1548
|
+
stroke-width="2"
|
|
1549
|
+
aria-hidden="true"></ore-icon>
|
|
1550
|
+
${e.label}
|
|
1551
|
+
</ore-button>`)}
|
|
1552
|
+
</div>
|
|
1553
|
+
</ore-popover>`;return c.html`
|
|
1554
|
+
<!-- ── Controls Bar ────────────────────────────────────────────────── -->
|
|
1555
|
+
<div class="dg-controls" part="controls">
|
|
1556
|
+
<!-- Left: view tabs -->
|
|
1557
|
+
${()=>U()}
|
|
1558
|
+
|
|
1559
|
+
<!-- Right: Action bar -->
|
|
1560
|
+
<div class="dg-actions">
|
|
1561
|
+
${()=>ie()} ${()=>ae()} ${()=>oe()}
|
|
1562
|
+
|
|
1563
|
+
<!-- Density toggle -->
|
|
1564
|
+
<ore-button
|
|
1565
|
+
class="dg-icon-btn"
|
|
1566
|
+
variant="ghost"
|
|
1567
|
+
size="sm"
|
|
1568
|
+
icon-only
|
|
1569
|
+
:label="${()=>z[B.value]}"
|
|
1570
|
+
@click="${V}">
|
|
1571
|
+
<ore-icon
|
|
1572
|
+
:name="${()=>R[B.value]}"
|
|
1573
|
+
size="15"
|
|
1574
|
+
stroke-width="1.75"
|
|
1575
|
+
aria-hidden="true"></ore-icon>
|
|
1576
|
+
</ore-button>
|
|
1577
|
+
|
|
1578
|
+
<span class="dg-action-divider" aria-hidden="true" ?hidden="${()=>!a.has(`actions`).value}"></span>
|
|
1579
|
+
|
|
1580
|
+
<slot name="actions"></slot>
|
|
1581
|
+
|
|
1582
|
+
<!-- Search toggle: rightmost, expands in-place -->
|
|
1583
|
+
<div class="${()=>`dg-search${v.searchActive.value?` dg-search--open`:``}`}">
|
|
1584
|
+
${()=>v.searchActive.value?c.html`<ore-input
|
|
1585
|
+
class="dg-search-input"
|
|
1586
|
+
type="search"
|
|
1587
|
+
variant="flat"
|
|
1588
|
+
size="sm"
|
|
1589
|
+
rounded="full"
|
|
1590
|
+
:placeholder="${()=>e.searchPlaceholder.value??`Search…`}"
|
|
1591
|
+
:disabled="${()=>o.value||void 0}"
|
|
1592
|
+
ref="${e=>{e&&requestAnimationFrame(()=>e.focus())}}"
|
|
1593
|
+
@input="${e=>{y(e.detail.value)}}"
|
|
1594
|
+
@keydown="${t=>{if(t.key===`Escape`){let t=e.source.value;t?.search&&t.search(``),v.toggleSearch()}}}">
|
|
1595
|
+
<ore-icon slot="prefix" name="search" size="13" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1596
|
+
</ore-input>`:c.html``}
|
|
1597
|
+
<ore-button
|
|
1598
|
+
variant="ghost"
|
|
1599
|
+
size="sm"
|
|
1600
|
+
icon-only
|
|
1601
|
+
:label="${()=>{let[t,n]=e.searchLabel.value??[`Search`,`Close search`];return v.searchActive.value?n:t}}"
|
|
1602
|
+
@click="${()=>{let t=e.source.value;t?.search&&v.searchActive.value&&t.search(``),v.toggleSearch()}}">
|
|
1603
|
+
<ore-icon
|
|
1604
|
+
:name="${()=>v.searchActive.value?`x`:`search`}"
|
|
1605
|
+
size="15"
|
|
1606
|
+
stroke-width="1.75"
|
|
1607
|
+
aria-hidden="true"></ore-icon>
|
|
1608
|
+
</ore-button>
|
|
1609
|
+
</div>
|
|
1610
|
+
</div>
|
|
1611
|
+
</div>
|
|
1612
|
+
|
|
1613
|
+
<div id="dg-tabpanel" class="dg-scroll" role="tabpanel" aria-label="Data">
|
|
1614
|
+
<div class="dg-loading-overlay">
|
|
1615
|
+
<ore-icon name="loader-2" size="24" class="dg-spin" aria-hidden="true"></ore-icon>
|
|
1616
|
+
</div>
|
|
1617
|
+
<table
|
|
1618
|
+
class="dg-table"
|
|
1619
|
+
part="table"
|
|
1620
|
+
role="grid"
|
|
1621
|
+
:aria-label="${()=>e.label.value??void 0}"
|
|
1622
|
+
:aria-busy="${()=>F.value?`true`:null}"
|
|
1623
|
+
:aria-disabled="${()=>o.value?`true`:null}">
|
|
1624
|
+
<!-- Head -->
|
|
1625
|
+
<thead class="dg-head" part="thead">
|
|
1626
|
+
<tr role="row">
|
|
1627
|
+
${()=>s.value===`multi`?c.html`<th
|
|
1628
|
+
class="dg-th dg-th-check"
|
|
1629
|
+
role="columnheader"
|
|
1630
|
+
scope="col"
|
|
1631
|
+
:tabindex="${()=>H.activeCell.value.row===0&&H.activeCell.value.col===0&&p.value>=1?`0`:`-1`}">
|
|
1632
|
+
<ore-checkbox
|
|
1633
|
+
class="dg-check"
|
|
1634
|
+
:checked="${()=>w.isAllSelected()}"
|
|
1635
|
+
:indeterminate="${j}"
|
|
1636
|
+
?disabled="${o}"
|
|
1637
|
+
aria-label="Select all rows on this page"
|
|
1638
|
+
@change="${()=>{o.value||w.selectAll()}}"></ore-checkbox>
|
|
1639
|
+
</th>`:c.html``}
|
|
1640
|
+
${()=>D.value.map((e,t)=>c.html`<th
|
|
1641
|
+
class="${`dg-th${t===D.value.length-1&&d.value?` dg-th-last`:``}`}"
|
|
1642
|
+
role="columnheader"
|
|
1643
|
+
scope="col"
|
|
1644
|
+
:tabindex="${()=>{let e=H.activeCell.value;return e.row===0&&e.col===t+p.value?`0`:`-1`}}"
|
|
1645
|
+
data-align="${e.align??`left`}"
|
|
1646
|
+
:aria-sort="${()=>e.sortable?Xr(w.sortState.value,e.key):void 0}"
|
|
1647
|
+
:aria-label="${e.sortable?void 0:e.headerLabel??e.label}"
|
|
1648
|
+
:style="${()=>{let t=T.value[e.key];return t?`width:${t}px`:e.width?`width:${e.width}`:``}}">
|
|
1649
|
+
<div class="dg-th-inner">
|
|
1650
|
+
${()=>e.sortable?c.html`<ore-button
|
|
1651
|
+
class="dg-sort-btn"
|
|
1652
|
+
variant="text"
|
|
1653
|
+
size="sm"
|
|
1654
|
+
fullwidth
|
|
1655
|
+
:label="${e.headerLabel??e.label}"
|
|
1656
|
+
:disabled="${()=>o.value||void 0}"
|
|
1657
|
+
@click="${()=>{o.value||w.sortBy(e.key)}}">
|
|
1658
|
+
${e.label}
|
|
1659
|
+
<ore-icon
|
|
1660
|
+
slot="suffix"
|
|
1661
|
+
class="dg-sort-icon"
|
|
1662
|
+
:name="${()=>Yr(w.sortState.value,e.key)}"
|
|
1663
|
+
size="14"
|
|
1664
|
+
stroke-width="2"></ore-icon>
|
|
1665
|
+
</ore-button>`:e.label}
|
|
1666
|
+
${e.resizable?c.html`<span
|
|
1667
|
+
class="dg-col-resize"
|
|
1668
|
+
aria-hidden="true"
|
|
1669
|
+
ref="${t=>{if(!t)return;let n=t.closest(`th`);n&&t.addEventListener(`pointerdown`,E(e.key,n))}}"></span>`:c.html``}
|
|
1670
|
+
</div>
|
|
1671
|
+
</th>`)}
|
|
1672
|
+
${()=>d.value?c.html`<th
|
|
1673
|
+
class="dg-th dg-th-expand"
|
|
1674
|
+
role="columnheader"
|
|
1675
|
+
scope="col"
|
|
1676
|
+
aria-label="Row details"
|
|
1677
|
+
tabindex="-1"></th>`:c.html``}
|
|
1678
|
+
</tr>
|
|
1679
|
+
</thead>
|
|
1680
|
+
|
|
1681
|
+
<!-- Body -->
|
|
1682
|
+
<tbody class="dg-body" part="tbody">
|
|
1683
|
+
${()=>w.currentPageItems.value.length===0?c.html`<tr role="row">
|
|
1684
|
+
<td class="dg-empty" role="gridcell" :colspan="${()=>String(M.value)}">
|
|
1685
|
+
<div class="dg-empty-content">
|
|
1686
|
+
${()=>e.emptyText.value??`No data`}
|
|
1687
|
+
${()=>v.searchQuery.value||v.filterValues.value.size?c.html`<div class="dg-empty-actions">
|
|
1688
|
+
<ore-button
|
|
1689
|
+
variant="text"
|
|
1690
|
+
size="sm"
|
|
1691
|
+
@click="${()=>{v.resetSearch(),v.resetFilters()}}">
|
|
1692
|
+
Clear all filters & search
|
|
1693
|
+
</ore-button>
|
|
1694
|
+
</div>`:c.html``}
|
|
1695
|
+
</div>
|
|
1696
|
+
</td>
|
|
1697
|
+
</tr>`:w.currentPageItems.value.map((e,t)=>{let n=_(e),r=s.value!==`none`&&!o.value,i=t+1;return c.html`<tr
|
|
1698
|
+
class="dg-tr"
|
|
1699
|
+
part="row"
|
|
1700
|
+
role="row"
|
|
1701
|
+
:aria-selected="${()=>s.value===`none`?null:String(w.selectedKeys.value.has(n))}"
|
|
1702
|
+
:aria-expanded="${()=>d.value?String(u.value.has(n)):null}"
|
|
1703
|
+
?data-selectable="${r}"
|
|
1704
|
+
?data-disabled="${o}"
|
|
1705
|
+
@click="${()=>{r&&s.value===`single`&&w.toggleRow(n)}}"
|
|
1706
|
+
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&r&&s.value===`single`&&(e.preventDefault(),w.toggleRow(n))}}">
|
|
1707
|
+
${()=>s.value===`multi`?c.html`<td
|
|
1708
|
+
class="dg-td dg-td-check"
|
|
1709
|
+
role="gridcell"
|
|
1710
|
+
:tabindex="${()=>{let e=H.activeCell.value;return e.row===i&&e.col===0?`0`:`-1`}}"
|
|
1711
|
+
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),o.value||w.toggleRow(n))}}">
|
|
1712
|
+
<ore-checkbox
|
|
1713
|
+
class="dg-check"
|
|
1714
|
+
:checked="${()=>w.selectedKeys.value.has(n)}"
|
|
1715
|
+
?disabled="${o}"
|
|
1716
|
+
aria-label="Select row"
|
|
1717
|
+
tabindex="-1"
|
|
1718
|
+
@click="${e=>e.stopPropagation()}"
|
|
1719
|
+
@change="${()=>{o.value||w.toggleRow(n)}}"></ore-checkbox>
|
|
1720
|
+
</td>`:c.html``}
|
|
1721
|
+
${D.value.map((t,n)=>{let r=O(t,e);return c.html`<td
|
|
1722
|
+
class="${`dg-td${n===D.value.length-1&&d.value?` dg-td-last`:``}`}"
|
|
1723
|
+
part="cell"
|
|
1724
|
+
role="gridcell"
|
|
1725
|
+
data-align="${t.align??`left`}"
|
|
1726
|
+
:tabindex="${()=>{let e=H.activeCell.value;return e.row===i&&e.col===n+p.value?`0`:`-1`}}"
|
|
1727
|
+
:title="${r}">
|
|
1728
|
+
${r}
|
|
1729
|
+
</td>`})}
|
|
1730
|
+
${()=>d.value?c.html`<td
|
|
1731
|
+
class="dg-td dg-td-expand"
|
|
1732
|
+
role="gridcell"
|
|
1733
|
+
:tabindex="${()=>{let e=H.activeCell.value;return e.row===i&&e.col===M.value-1?`0`:`-1`}}"
|
|
1734
|
+
@keydown="${e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),o.value||re(n))}}">
|
|
1735
|
+
<ore-button
|
|
1736
|
+
class="dg-expand-btn"
|
|
1737
|
+
variant="ghost"
|
|
1738
|
+
size="sm"
|
|
1739
|
+
icon-only
|
|
1740
|
+
tabindex="-1"
|
|
1741
|
+
:label="${()=>u.value.has(n)?`Collapse row`:`Expand row`}"
|
|
1742
|
+
:aria-expanded="${()=>String(u.value.has(n))}"
|
|
1743
|
+
:disabled="${()=>o.value||void 0}"
|
|
1744
|
+
@click="${e=>{e.stopPropagation(),o.value||re(n)}}">
|
|
1745
|
+
<ore-icon
|
|
1746
|
+
:name="${()=>u.value.has(n)?`chevron-up`:`chevron-down`}"
|
|
1747
|
+
size="14"
|
|
1748
|
+
stroke-width="2"
|
|
1749
|
+
aria-hidden="true"></ore-icon>
|
|
1750
|
+
</ore-button>
|
|
1751
|
+
</td>`:c.html``}
|
|
1752
|
+
</tr>
|
|
1753
|
+
${()=>d.value&&u.value.has(n)?c.html`<tr class="dg-tr-expanded" role="row">
|
|
1754
|
+
<td
|
|
1755
|
+
class="dg-td-expanded"
|
|
1756
|
+
role="gridcell"
|
|
1757
|
+
:colspan="${()=>String(M.value)}">
|
|
1758
|
+
${A(()=>g.value.find(e=>typeof e.renderExpanded==`function`)?.renderExpanded?.(e)??``)}
|
|
1759
|
+
</td>
|
|
1760
|
+
</tr>`:c.html``} `})}
|
|
1761
|
+
</tbody>
|
|
1762
|
+
</table>
|
|
1763
|
+
</div>
|
|
1764
|
+
|
|
1765
|
+
<!-- Footer / Pagination -->
|
|
1766
|
+
${()=>N.value?c.html`<div class="dg-footer" part="footer" role="navigation" aria-label="Pagination">
|
|
1767
|
+
${()=>(e.pageSizeOptions.value??[]).length?c.html``:c.html`<span class="dg-footer-info" dir="ltr" aria-live="polite" aria-atomic="true"
|
|
1768
|
+
>${P}</span
|
|
1769
|
+
>`}
|
|
1770
|
+
<div class="dg-footer-end">
|
|
1771
|
+
${()=>{let t=e.pageSizeOptions.value??[];return t.length?c.html`<div class="dg-page-size-wrap">
|
|
1772
|
+
<ore-select
|
|
1773
|
+
class="dg-page-size-select"
|
|
1774
|
+
fullwidth
|
|
1775
|
+
aria-label="Rows per page"
|
|
1776
|
+
:value="${()=>String(m.value)}"
|
|
1777
|
+
:options="${()=>t.map(e=>({label:String(e),value:String(e)}))}"
|
|
1778
|
+
:disabled="${()=>o.value||void 0}"
|
|
1779
|
+
@change="${e=>{let t=parseInt(e.detail.values[0],10);isNaN(t)||(m.value=t,w.goToPage(0),n(`page-change`,{pageIndex:0,pageSize:t}))}}"></ore-select>
|
|
1780
|
+
</div>`:c.html``}}
|
|
1781
|
+
<div class="dg-pagination" role="group" aria-label="Page navigation">
|
|
1782
|
+
<ore-button
|
|
1783
|
+
class="dg-page-btn"
|
|
1784
|
+
variant="ghost"
|
|
1785
|
+
size="sm"
|
|
1786
|
+
icon-only
|
|
1787
|
+
label="Previous page"
|
|
1788
|
+
:disabled="${()=>!ee.value||o.value}"
|
|
1789
|
+
@click="${()=>k(`prev`)}">
|
|
1790
|
+
<ore-icon name="chevron-left" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1791
|
+
</ore-button>
|
|
1792
|
+
<span
|
|
1793
|
+
class="dg-page-label"
|
|
1794
|
+
dir="ltr"
|
|
1795
|
+
aria-current="page"
|
|
1796
|
+
role="status"
|
|
1797
|
+
aria-live="polite"
|
|
1798
|
+
aria-atomic="true">
|
|
1799
|
+
${()=>te.value}
|
|
1800
|
+
</span>
|
|
1801
|
+
<ore-button
|
|
1802
|
+
class="dg-page-btn"
|
|
1803
|
+
variant="ghost"
|
|
1804
|
+
size="sm"
|
|
1805
|
+
icon-only
|
|
1806
|
+
label="Next page"
|
|
1807
|
+
:disabled="${()=>!I.value||o.value}"
|
|
1808
|
+
@click="${()=>k(`next`)}">
|
|
1809
|
+
<ore-icon name="chevron-right" size="14" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1810
|
+
</ore-button>
|
|
1811
|
+
</div>
|
|
1812
|
+
</div>
|
|
1813
|
+
</div>`:c.html``}
|
|
1814
|
+
`},shadow:{delegatesFocus:!0},styles:[_e(`datagrid`),Jr]});var Qr=`@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}}}`,$r=`ore-calendar`,ei=3;(0,c.define)($r,{formAssociated:!0,props:{...q,...J,...Y,...X,events:c.prop.json([]),expanded:c.prop.bool(!1),fullwidth:c.prop.bool(!1),locale:c.prop.string(),max:c.prop.string(),min:c.prop.string(),name:c.prop.string(),required:c.prop.bool(!1),value:c.prop.string(),"weekend-days":c.prop.json([])},setup(e,{bind:t,emit:n}){let r=(0,l.computed)(()=>e.disabled.value===!0),i=(0,l.computed)(()=>e.expanded.value===!0),a=(0,l.signal)(void 0),o=(0,l.computed)(()=>a.value===void 0?Mt(e.value.value):a.value),s=Lt({get locale(){return e.locale.value??(typeof navigator<`u`?navigator.language:`en`)},get max(){return Mt(e.max.value)},get min(){return Mt(e.min.value)},onChange(e){a.value=e,u.value=`day`,d.value=s.displayYear(),f.value=s.displayMonth(),n(`change`,{isoValue:Nt(e)})},get value(){return o.value},get weekendDays(){return e[`weekend-days`].value??[]}}),u=(0,l.signal)(`day`),d=(0,l.signal)(s.displayYear()),f=(0,l.signal)(s.displayMonth());(0,c.useField)({disabled:r,toFormValue:e=>e||null,value:(0,l.computed)(()=>Nt(o.value)??``)});let m=(0,l.computed)(()=>{let t=new Map;for(let n of e.events.value??[]){let e=t.get(n.date)??[];e.push(n),t.set(n.date,e)}return t}),h=(0,l.computed)(()=>(d.value,f.value,o.value,s.dayCells())),g=(0,l.computed)(()=>(d.value,s.monthCells())),_=(0,l.computed)(()=>(d.value,s.yearCells())),v=(0,l.computed)(()=>s.weekdayLabels()),y=(0,l.computed)(()=>(0,p.format)(p.Temporal.PlainDate.from({day:1,month:f.value,year:d.value}),{intl:{month:`long`},locale:e.locale.value??(typeof navigator<`u`?navigator.language:`en`),tz:`UTC`})),b=(0,l.computed)(()=>String(d.value)),x=(0,l.computed)(()=>`${y.value} ${b.value}`);function S(){u.value===`day`?s.prevMonth():s.prevYear(),d.value=s.displayYear(),f.value=s.displayMonth()}function C(){u.value===`day`?s.nextMonth():s.nextYear(),d.value=s.displayYear(),f.value=s.displayMonth()}function w(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(u.value)+1)%e.length];s.setView(t),u.value=t}function T(e){r.value||(s.goTo(s.displayYear(),e),s.setView(`day`),d.value=s.displayYear(),f.value=s.displayMonth(),u.value=`day`)}function E(e){r.value||(s.goTo(e,s.displayMonth()),s.setView(`month`),d.value=s.displayYear(),u.value=`month`)}function D(e){if(r.value)return;let t=Mt(e);t&&s.select(t)}function O(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(),D(t.dataset.iso??``);return}else 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 k(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}else 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 t({attr:{"aria-disabled":()=>r.value?`true`:null,"aria-label":()=>x.value,role:`group`},class:{"is-disabled":r}}),c.html`
|
|
1815
|
+
<div class="calendar" part="calendar" role="presentation">
|
|
1816
|
+
<!-- Header -->
|
|
1817
|
+
<div class="cal-header" part="header">
|
|
1818
|
+
<button class="nav-btn" type="button" aria-label="Previous" ?disabled="${r}" @click="${S}">
|
|
1819
|
+
<ore-icon name="chevron-left" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1820
|
+
</button>
|
|
1821
|
+
|
|
1822
|
+
<button
|
|
1823
|
+
class="cal-label-btn"
|
|
1824
|
+
type="button"
|
|
1825
|
+
:aria-label="${()=>`Switch to ${u.value===`day`?`month`:u.value===`month`?`year`:`day`} view`}"
|
|
1826
|
+
?disabled="${r}"
|
|
1827
|
+
@click="${w}">
|
|
1828
|
+
<span class="cal-label-month">${y}</span><span class="cal-label-sep" aria-hidden="true">/</span
|
|
1829
|
+
><span class="cal-label-year">${b}</span>
|
|
1830
|
+
</button>
|
|
1831
|
+
|
|
1832
|
+
<button class="nav-btn" type="button" aria-label="Next" ?disabled="${r}" @click="${C}">
|
|
1833
|
+
<ore-icon name="chevron-right" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1834
|
+
</button>
|
|
1835
|
+
</div>
|
|
1836
|
+
|
|
1837
|
+
<!-- Day view -->
|
|
1838
|
+
<div
|
|
1839
|
+
class="cal-grid cal-grid-days"
|
|
1840
|
+
role="grid"
|
|
1841
|
+
part="grid"
|
|
1842
|
+
:aria-label="${()=>x.value}"
|
|
1843
|
+
?hidden="${()=>u.value!==`day`}">
|
|
1844
|
+
<div role="row" class="cal-grid-row">
|
|
1845
|
+
${()=>v.value.map(e=>c.html`<div class="cal-cell cal-cell-head" role="columnheader" aria-label="${e}">${e}</div>`)}
|
|
1846
|
+
</div>
|
|
1847
|
+
${()=>{let e=h.value,t=[];for(let n=0;n<e.length;n+=7)t.push(e.slice(n,n+7));return t.map(e=>c.html`<div role="row" class="cal-grid-row">
|
|
1848
|
+
${e.map(e=>c.html`<div
|
|
1849
|
+
class="cal-cell cal-cell-day"
|
|
1850
|
+
role="gridcell"
|
|
1851
|
+
part="day"
|
|
1852
|
+
:aria-selected="${()=>String(e.isSelected)}"
|
|
1853
|
+
:aria-disabled="${()=>String(e.isDisabled||r.value)}"
|
|
1854
|
+
:aria-current="${()=>e.isToday?`date`:null}"
|
|
1855
|
+
?data-selected="${()=>e.isSelected}"
|
|
1856
|
+
?data-today="${()=>e.isToday}"
|
|
1857
|
+
?data-outside="${()=>e.isOutsideMonth}"
|
|
1858
|
+
?data-disabled="${()=>e.isDisabled||r.value}"
|
|
1859
|
+
data-iso="${e.iso}"
|
|
1860
|
+
data-day="${String(e.day)}"
|
|
1861
|
+
tabindex="${()=>e.isDisabled||r.value?`-1`:`0`}"
|
|
1862
|
+
@click="${()=>D(e.iso)}"
|
|
1863
|
+
@keydown="${O}">
|
|
1864
|
+
${String(e.day)}
|
|
1865
|
+
${()=>{let t=m.value.get(e.iso)??[];if(!t.length)return c.html``;let n=t.slice(0,ei),r=t.length-ei;return i.value?c.html`<div
|
|
1866
|
+
class="cal-events"
|
|
1867
|
+
aria-label="${()=>`${t.length} event${t.length>1?`s`:``}`}">
|
|
1868
|
+
${n.map(e=>c.html`<ore-badge
|
|
1869
|
+
class="cal-event-pill"
|
|
1870
|
+
size="xs"
|
|
1871
|
+
rounded="sm"
|
|
1872
|
+
aria-label="${e.label}"
|
|
1873
|
+
:style="${N({"--badge-bg":e.color,"--badge-border-color":e.color})}">
|
|
1874
|
+
${e.label}
|
|
1875
|
+
</ore-badge>`)}
|
|
1876
|
+
${r>0?c.html`<span class="cal-event-pill-overflow" aria-hidden="true"
|
|
1877
|
+
>+${r} more</span
|
|
1878
|
+
>`:c.html``}
|
|
1879
|
+
</div>`:c.html`<div
|
|
1880
|
+
class="cal-dots"
|
|
1881
|
+
aria-label="${()=>`${t.length} event${t.length>1?`s`:``}`}">
|
|
1882
|
+
${n.map(e=>c.html`<ore-badge
|
|
1883
|
+
class="cal-dot"
|
|
1884
|
+
dot
|
|
1885
|
+
size="xs"
|
|
1886
|
+
aria-hidden="true"
|
|
1887
|
+
:style="${N({"--badge-bg":e.color,"--badge-border-color":e.color})}"></ore-badge>`)}
|
|
1888
|
+
${r>0?c.html`<span class="cal-dot-overflow" aria-hidden="true">+${r}</span>`:c.html``}
|
|
1889
|
+
</div>`}}
|
|
1890
|
+
</div>`)}
|
|
1891
|
+
</div>`)}}
|
|
1892
|
+
</div>
|
|
1893
|
+
|
|
1894
|
+
<!-- Month view -->
|
|
1895
|
+
<div
|
|
1896
|
+
class="cal-grid cal-grid-months"
|
|
1897
|
+
role="grid"
|
|
1898
|
+
:aria-label="${()=>b.value}"
|
|
1899
|
+
?hidden="${()=>u.value!==`month`}">
|
|
1900
|
+
${()=>{let e=g.value,t=[];for(let n=0;n<e.length;n+=4)t.push(e.slice(n,n+4));return t.map(e=>c.html`<div role="row">
|
|
1901
|
+
${e.map(e=>c.html`<div
|
|
1902
|
+
class="cal-cell cal-cell-month"
|
|
1903
|
+
role="gridcell"
|
|
1904
|
+
:aria-selected="${()=>String(e.isSelected)}"
|
|
1905
|
+
:aria-disabled="${()=>String(e.isDisabled||r.value)}"
|
|
1906
|
+
?data-selected="${()=>e.isSelected}"
|
|
1907
|
+
?data-disabled="${()=>e.isDisabled||r.value}"
|
|
1908
|
+
tabindex="${()=>e.isDisabled||r.value?`-1`:`0`}"
|
|
1909
|
+
@click="${()=>T(e.month)}"
|
|
1910
|
+
@keydown="${t=>k(t,`.cal-cell-month`,4,()=>T(e.month))}">
|
|
1911
|
+
${e.shortLabel}
|
|
1912
|
+
</div>`)}
|
|
1913
|
+
</div>`)}}
|
|
1914
|
+
</div>
|
|
1915
|
+
|
|
1916
|
+
<!-- Year view -->
|
|
1917
|
+
<div
|
|
1918
|
+
class="cal-grid cal-grid-years"
|
|
1919
|
+
role="grid"
|
|
1920
|
+
aria-label="Select year"
|
|
1921
|
+
?hidden="${()=>u.value!==`year`}">
|
|
1922
|
+
${()=>{let e=_.value,t=[];for(let n=0;n<e.length;n+=4)t.push(e.slice(n,n+4));return t.map(e=>c.html`<div role="row">
|
|
1923
|
+
${e.map(e=>c.html`<div
|
|
1924
|
+
class="cal-cell cal-cell-year"
|
|
1925
|
+
role="gridcell"
|
|
1926
|
+
:aria-selected="${()=>String(e.isSelected)}"
|
|
1927
|
+
:aria-disabled="${()=>String(e.isDisabled||r.value)}"
|
|
1928
|
+
?data-selected="${()=>e.isSelected}"
|
|
1929
|
+
?data-disabled="${()=>e.isDisabled||r.value}"
|
|
1930
|
+
tabindex="${()=>e.isDisabled||r.value?`-1`:`0`}"
|
|
1931
|
+
@click="${()=>E(e.year)}"
|
|
1932
|
+
@keydown="${t=>k(t,`.cal-cell-year`,4,()=>E(e.year))}">
|
|
1933
|
+
${String(e.year)}
|
|
1934
|
+
</div>`)}
|
|
1935
|
+
</div>`)}}
|
|
1936
|
+
</div>
|
|
1937
|
+
</div>
|
|
1938
|
+
`},shadow:{delegatesFocus:!0},styles:[W,z,Qr]});var ti=`@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);display:inline-block;position:relative}: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}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.calendar{top:calc(100% + var(--size-1));z-index:var(--z-dropdown,200);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:absolute;left: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}}}`,ni=`ore-date-picker`;(0,c.define)(ni,{formAssociated:!0,props:{...q,...J,...Y,...X,error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),locale:c.prop.string(),max:c.prop.string(),min:c.prop.string(),name:c.prop.string(),placeholder:c.prop.string(),required:c.prop.bool(!1),value:c.prop.string(),variant:c.prop.string(),"weekend-days":c.prop.json([])},setup(e,{bind:t,el:n,emit:r,onMounted:i}){let a=(0,l.signal)(!1),o=(0,l.signal)(void 0),s=(0,l.computed)(()=>o.value===void 0?Mt(e.value.value):o.value),u=$(t,e,(0,c.inject)(Q)),d=u.disabled,f=(0,l.computed)(()=>e.locale.value||(typeof navigator<`u`?navigator.language:`en`)),m=Lt({get locale(){return f.value},get max(){return Mt(e.max.value)},get min(){return Mt(e.min.value)},onChange(e){o.value=e,a.value=!1,m.setView(`day`),h.value=`day`,g.value=m.displayYear(),_.value=m.displayMonth(),r(`change`,{isoValue:Nt(e)})},get value(){return s.value},get weekendDays(){return e[`weekend-days`].value??[]}}),h=(0,l.signal)(`day`),g=(0,l.signal)(m.displayYear()),_=(0,l.signal)(m.displayMonth());(0,c.useField)({disabled:d,toFormValue:e=>e||null,value:(0,l.computed)(()=>Nt(s.value)??``)});let v=`date-picker-${Math.random().toString(36).slice(2,9)}-calendar`,y=(0,l.computed)(()=>s.value?Pt(s.value,f.value):e.placeholder.value||``),b=(0,l.computed)(()=>(0,p.format)(p.Temporal.PlainDate.from({day:1,month:_.value,year:g.value}),{intl:{month:`long`},locale:f.value,tz:`UTC`})),x=(0,l.computed)(()=>String(g.value)),S=(0,l.computed)(()=>`${b.value} ${x.value}`),C=(0,l.computed)(()=>(g.value,_.value,s.value,m.dayCells())),w=(0,l.computed)(()=>(g.value,m.monthCells())),T=(0,l.computed)(()=>(g.value,m.yearCells())),E=(0,l.computed)(()=>m.weekdayLabels()),D=()=>d.value?`-1`:`0`;function O(){h.value===`day`?m.prevMonth():m.prevYear(),g.value=m.displayYear(),_.value=m.displayMonth()}function k(){h.value===`day`?m.nextMonth():m.nextYear(),g.value=m.displayYear(),_.value=m.displayMonth()}function A(){let e=[`day`,`month`,`year`],t=e[(e.indexOf(h.value)+1)%e.length];m.setView(t),h.value=t}function j(e){m.goTo(m.displayYear(),e),m.setView(`day`),g.value=m.displayYear(),_.value=m.displayMonth(),h.value=`day`}function M(e){m.goTo(e,m.displayMonth()),m.setView(`month`),g.value=m.displayYear(),h.value=`month`}function N(e){let t=Mt(e);t&&m.select(t)}function P(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(),N(t.dataset.iso??``);return}else 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 F(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}else 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 ee(){if(d.value)return;a.value=!0,m.setView(`day`),h.value=`day`;let e=s.value;e&&(m.goTo(e.year,e.month),g.value=m.displayYear(),_.value=m.displayMonth())}function I(){a.value=!1,m.setView(`day`),h.value=`day`}function te(){a.value?I():ee()}function L(e){d.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),te()):e.key===`Escape`&&a.value&&(e.preventDefault(),I()))}function R(e){e.key===`Escape`&&(e.preventDefault(),I())}function z(e){a.value&&(e.composedPath().includes(n)||I())}return i(()=>(document.addEventListener(`pointerdown`,z,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,z,{capture:!0})})),t({attr:{open:()=>a.value?!0:void 0}}),c.html`
|
|
1939
|
+
<!-- Trigger: ore-input in readonly display mode -->
|
|
1940
|
+
<ore-input
|
|
1941
|
+
class="trigger"
|
|
1942
|
+
readonly
|
|
1943
|
+
tabindex="${D}"
|
|
1944
|
+
role="combobox"
|
|
1945
|
+
aria-haspopup="dialog"
|
|
1946
|
+
aria-controls="${v}"
|
|
1947
|
+
:aria-expanded="${()=>String(a.value)}"
|
|
1948
|
+
:aria-disabled="${()=>d.value?`true`:null}"
|
|
1949
|
+
:value="${()=>y.value}"
|
|
1950
|
+
:label="${()=>e.label.value??``}"
|
|
1951
|
+
:placeholder="${()=>e.placeholder.value??``}"
|
|
1952
|
+
:label-placement="${()=>e[`label-placement`].value??`inset`}"
|
|
1953
|
+
:color="${()=>e.color?.value??void 0}"
|
|
1954
|
+
:size="${()=>u.size?.value??void 0}"
|
|
1955
|
+
:variant="${()=>u.variant?.value??void 0}"
|
|
1956
|
+
:rounded="${()=>e.rounded?.value??void 0}"
|
|
1957
|
+
:helper="${()=>e.helper.value??``}"
|
|
1958
|
+
:error="${()=>e.error.value??``}"
|
|
1959
|
+
?disabled="${()=>d.value?!0:void 0}"
|
|
1960
|
+
?required="${()=>e.required.value?!0:void 0}"
|
|
1961
|
+
?fullwidth="${()=>e.fullwidth.value?!0:void 0}"
|
|
1962
|
+
@click="${te}"
|
|
1963
|
+
@keydown="${L}">
|
|
1964
|
+
<ore-icon slot="suffix" name="calendar" size="16" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
1965
|
+
</ore-input>
|
|
1966
|
+
|
|
1967
|
+
<!-- Calendar popup -->
|
|
1968
|
+
<div
|
|
1969
|
+
class="calendar"
|
|
1970
|
+
id="${v}"
|
|
1971
|
+
role="dialog"
|
|
1972
|
+
aria-modal="true"
|
|
1973
|
+
:aria-label="${()=>`Choose date — ${S.value}`}"
|
|
1974
|
+
?data-open="${a}"
|
|
1975
|
+
@keydown="${R}">
|
|
1976
|
+
<!-- Calendar header -->
|
|
1977
|
+
<div class="cal-header" part="header">
|
|
1978
|
+
<button class="nav-btn" type="button" aria-label="Previous" @click="${O}">
|
|
1979
|
+
<ore-icon name="chevron-left" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1980
|
+
</button>
|
|
1981
|
+
<button
|
|
1982
|
+
class="cal-label-btn"
|
|
1983
|
+
type="button"
|
|
1984
|
+
:aria-label="${()=>`Switch to ${h.value===`day`?`month`:h.value===`month`?`year`:`day`} view`}"
|
|
1985
|
+
@click="${A}">
|
|
1986
|
+
<span class="cal-label-month">${b}</span><span class="cal-label-sep" aria-hidden="true">/</span
|
|
1987
|
+
><span class="cal-label-year">${x}</span>
|
|
1988
|
+
</button>
|
|
1989
|
+
<button class="nav-btn" type="button" aria-label="Next" @click="${k}">
|
|
1990
|
+
<ore-icon name="chevron-right" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
1991
|
+
</button>
|
|
1992
|
+
</div>
|
|
1993
|
+
|
|
1994
|
+
<!-- Day view: flat 7-column CSS grid, weekday headers + day cells -->
|
|
1995
|
+
<div
|
|
1996
|
+
class="cal-grid cal-grid-days"
|
|
1997
|
+
role="grid"
|
|
1998
|
+
part="grid"
|
|
1999
|
+
:aria-label="${()=>S.value}"
|
|
2000
|
+
?hidden="${()=>h.value!==`day`}">
|
|
2001
|
+
<div role="row" class="cal-grid-row">
|
|
2002
|
+
${()=>E.value.map(e=>c.html`<div class="cal-cell cal-cell-head" role="columnheader" aria-label="${e}">${e}</div>`)}
|
|
2003
|
+
</div>
|
|
2004
|
+
${()=>{let e=C.value,t=[];for(let n=0;n<e.length;n+=7)t.push(e.slice(n,n+7));return t.map(e=>c.html`<div role="row" class="cal-grid-row">
|
|
2005
|
+
${e.map(e=>c.html`<div
|
|
2006
|
+
class="cal-cell cal-cell-day"
|
|
2007
|
+
role="gridcell"
|
|
2008
|
+
part="day"
|
|
2009
|
+
:aria-selected="${()=>String(e.isSelected)}"
|
|
2010
|
+
:aria-disabled="${()=>String(e.isDisabled)}"
|
|
2011
|
+
:aria-current="${()=>e.isToday?`date`:null}"
|
|
2012
|
+
?data-selected="${()=>e.isSelected}"
|
|
2013
|
+
?data-today="${()=>e.isToday}"
|
|
2014
|
+
?data-outside="${()=>e.isOutsideMonth}"
|
|
2015
|
+
?data-disabled="${()=>e.isDisabled}"
|
|
2016
|
+
data-iso="${e.iso}"
|
|
2017
|
+
tabindex="${()=>e.isDisabled?`-1`:`0`}"
|
|
2018
|
+
@click="${()=>N(e.iso)}"
|
|
2019
|
+
@keydown="${P}">
|
|
2020
|
+
${String(e.day)}
|
|
2021
|
+
</div>`)}
|
|
2022
|
+
</div>`)}}
|
|
2023
|
+
</div>
|
|
2024
|
+
|
|
2025
|
+
<!-- Month view -->
|
|
2026
|
+
<div
|
|
2027
|
+
class="cal-grid cal-grid-months"
|
|
2028
|
+
role="grid"
|
|
2029
|
+
:aria-label="${()=>x.value}"
|
|
2030
|
+
?hidden="${()=>h.value!==`month`}">
|
|
2031
|
+
${()=>{let e=w.value,t=[];for(let n=0;n<e.length;n+=4)t.push(e.slice(n,n+4));return t.map(e=>c.html`<div role="row">
|
|
2032
|
+
${e.map(e=>c.html`<div
|
|
2033
|
+
class="cal-cell cal-cell-month"
|
|
2034
|
+
role="gridcell"
|
|
2035
|
+
:aria-selected="${()=>String(e.isSelected)}"
|
|
2036
|
+
:aria-disabled="${()=>String(e.isDisabled)}"
|
|
2037
|
+
?data-selected="${()=>e.isSelected}"
|
|
2038
|
+
?data-disabled="${()=>e.isDisabled}"
|
|
2039
|
+
tabindex="${()=>e.isDisabled?`-1`:`0`}"
|
|
2040
|
+
@click="${()=>{e.isDisabled||j(e.month)}}"
|
|
2041
|
+
@keydown="${t=>F(t,`.cal-cell-month`,4,()=>{e.isDisabled||j(e.month)})}">
|
|
2042
|
+
${e.shortLabel}
|
|
2043
|
+
</div>`)}
|
|
2044
|
+
</div>`)}}
|
|
2045
|
+
</div>
|
|
2046
|
+
|
|
2047
|
+
<!-- Year view -->
|
|
2048
|
+
<div
|
|
2049
|
+
class="cal-grid cal-grid-years"
|
|
2050
|
+
role="grid"
|
|
2051
|
+
aria-label="Select year"
|
|
2052
|
+
?hidden="${()=>h.value!==`year`}">
|
|
2053
|
+
${()=>{let e=T.value,t=[];for(let n=0;n<e.length;n+=4)t.push(e.slice(n,n+4));return t.map(e=>c.html`<div role="row">
|
|
2054
|
+
${e.map(e=>c.html`<div
|
|
2055
|
+
class="cal-cell cal-cell-year"
|
|
2056
|
+
role="gridcell"
|
|
2057
|
+
:aria-selected="${()=>String(e.isSelected)}"
|
|
2058
|
+
:aria-disabled="${()=>String(e.isDisabled)}"
|
|
2059
|
+
?data-selected="${()=>e.isSelected}"
|
|
2060
|
+
?data-disabled="${()=>e.isDisabled}"
|
|
2061
|
+
tabindex="${()=>e.isDisabled?`-1`:`0`}"
|
|
2062
|
+
@click="${()=>{e.isDisabled||M(e.year)}}"
|
|
2063
|
+
@keydown="${t=>F(t,`.cal-cell-year`,4,()=>{e.isDisabled||M(e.year)})}">
|
|
2064
|
+
${String(e.year)}
|
|
2065
|
+
</div>`)}
|
|
2066
|
+
</div>`)}}
|
|
2067
|
+
</div>
|
|
2068
|
+
</div>
|
|
2069
|
+
`},shadow:{delegatesFocus:!0},styles:[W,z,ti]});var ri=`@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-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:var(--color-contrast-500);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-remove{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))}: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%, var(--color-canvas));border-color:var(--_theme-focus,var(--color-primary));box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}: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,.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,var(--_theme-border))}: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,var(--color-contrast-200))}:host([variant=ghost]) .dropzone:hover{background:var(--file-input-hover-bg,var(--color-contrast-100))}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,ii=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]},ai=(e,t)=>!t||e.size<=t,oi=`ore-file-input`;(0,c.define)(oi,{formAssociated:!0,props:{accept:c.prop.string(),color:c.prop.string(),disabled:c.prop.bool(!1),error:c.prop.string(),helper:c.prop.string(),label:c.prop.string(),"max-files":c.prop.number(0),"max-size":c.prop.number(0),multiple:c.prop.bool(!1),name:c.prop.string(),ref:c.prop.json(void 0),required:c.prop.bool(!1),size:c.prop.string()},setup(e,{bind:t,emit:n,onCleanup:r,onElement:i,onEvent:a,onMounted:o}){let s=(0,l.signal)([]),u=(0,l.signal)(!1),d=$(t,e,(0,c.inject)(Q)),f=d.disabled,p=(0,l.computed)(()=>e[`max-files`].value??0),h=(0,l.computed)(()=>e[`max-size`].value??0);(0,c.useField)({disabled:f,toFormValue:t=>{if(t.length===0)return null;let n=e.name.value||`file`,r=new FormData;for(let e of t)r.append(n,e);return r},value:s});let g=(0,l.computed)(()=>!!e.error.value);t({attr:{"drag-over":()=>u.value?!0:void 0,invalid:()=>g.value?!0:void 0,size:d.size}});let _=(0,c.createStableId)(`file-input`),v=`label-${_}`,y=`helper-${_}`,b=`error-${_}`,x=(0,c.ref)(),S=(0,c.ref)(),C=(0,l.computed)(()=>{let t=[];e.accept.value&&t.push(e.accept.value.split(`,`).map(e=>e.trim()).join(`, `));let n=h.value;n>0&&t.push(`max ${ii(n)}`);let r=p.value;return r>0&&t.push(`up to ${r} file${r===1?``:`s`}`),t.join(` · `)});function w(t,r){if(f.value)return;let i=e.accept.value,a=!!e.multiple.value,o=Array.from(t);a||(o=o.slice(0,1)),o=o.filter(e=>(0,m.matchesAccept)(e,i?i.split(`,`).map(e=>e.trim()):[])&&ai(e,h.value));let c=a?[...s.value]:[];for(let e of o)c.includes(e)||c.push(e);p.value>0&&c.length>p.value&&(c=c.slice(0,p.value)),s.value=c,n(`change`,{files:s.value,originalEvent:r,value:s.value})}function T(e,t){s.value=s.value.filter(t=>t!==e),n(`remove`,{file:e,files:s.value,originalEvent:t,value:s.value}),n(`change`,{files:s.value,originalEvent:t,value:s.value})}return i(S,t=>{e.ref.value?.(t);let n=(0,l.watch)(e.ref,e=>{e?.(t)});return()=>{n.dispose(),e.ref.value?.(null)}}),o(()=>{let e=S.value,t=x.value,n=!1,i=tt({disabled:f,onPress:()=>{e.click()}});a(e,`change`,e=>{let t=e.target;t.files?.length&&w(Array.from(t.files),e),t.value=``}),a(t,`click`,t=>{if(t.target!==e){if(n){n=!1;return}f.value||e.click()}}),a(t,`keydown`,e=>{n=i.handleKeydown(e)&&e.key===`Enter`});let o=(0,m.createDropZone)({disabled:f.value,element:t,onDrop:e=>w(e),onHoverChange:e=>{u.value=e}});r(()=>o.dispose())}),c.html`
|
|
2070
|
+
<div class="file-input-wrapper" part="wrapper">
|
|
2071
|
+
<label class="label-outside" id="${v}" part="label" ?hidden=${()=>!e.label.value}
|
|
2072
|
+
>${e.label}</label
|
|
2073
|
+
>
|
|
2074
|
+
<div
|
|
2075
|
+
class="dropzone"
|
|
2076
|
+
part="dropzone"
|
|
2077
|
+
ref=${x}
|
|
2078
|
+
role="button"
|
|
2079
|
+
:tabindex="${()=>f.value?`-1`:`0`}"
|
|
2080
|
+
:aria-disabled="${()=>String(f.value)}"
|
|
2081
|
+
:aria-label="${()=>e.label.value?null:`File upload drop zone`}"
|
|
2082
|
+
:aria-labelledby="${()=>e.label.value?v:null}"
|
|
2083
|
+
aria-describedby="${y}">
|
|
2084
|
+
<input
|
|
2085
|
+
type="file"
|
|
2086
|
+
ref=${S}
|
|
2087
|
+
part="input"
|
|
2088
|
+
id="${_}"
|
|
2089
|
+
:accept="${e.accept}"
|
|
2090
|
+
?multiple="${e.multiple}"
|
|
2091
|
+
?required="${e.required}"
|
|
2092
|
+
?disabled="${f}"
|
|
2093
|
+
:name="${e.name}"
|
|
2094
|
+
hidden
|
|
2095
|
+
inert
|
|
2096
|
+
tabindex="-1" />
|
|
2097
|
+
<div class="dropzone-content">
|
|
2098
|
+
<span class="dropzone-icon" aria-hidden="true">
|
|
2099
|
+
<ore-icon name="upload" size="36" stroke-width="1.5" aria-hidden="true"></ore-icon>
|
|
2100
|
+
</span>
|
|
2101
|
+
<span class="dropzone-title">Drop files here or <u>click to browse</u></span>
|
|
2102
|
+
<span class="dropzone-hint" ?hidden=${()=>!C.value}>${C}</span>
|
|
2103
|
+
</div>
|
|
2104
|
+
</div>
|
|
2105
|
+
<ul class="file-list" role="list" aria-label="Selected files" ?hidden=${()=>s.value.length===0}>
|
|
2106
|
+
${()=>s.value.map(e=>c.html`
|
|
2107
|
+
<li class="file-item">
|
|
2108
|
+
<span class="file-icon" aria-hidden="true">
|
|
2109
|
+
<ore-icon name="file" size="18" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
2110
|
+
</span>
|
|
2111
|
+
<span class="file-meta">
|
|
2112
|
+
<span class="file-name" title="${e.name}">${e.name}</span>
|
|
2113
|
+
<span class="file-size">${ii(e.size)}</span>
|
|
2114
|
+
</span>
|
|
2115
|
+
<button
|
|
2116
|
+
class="file-remove"
|
|
2117
|
+
type="button"
|
|
2118
|
+
aria-label="${`Remove ${e.name}`}"
|
|
2119
|
+
@click=${t=>T(e,t)}>
|
|
2120
|
+
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2121
|
+
</button>
|
|
2122
|
+
</li>
|
|
2123
|
+
`)}
|
|
2124
|
+
</ul>
|
|
2125
|
+
<div class="helper-text" id="${y}" part="helper" ?hidden=${()=>g.value||!e.helper.value}>
|
|
2126
|
+
${e.helper}
|
|
2127
|
+
</div>
|
|
2128
|
+
<div
|
|
2129
|
+
class="helper-text helper-text-error"
|
|
2130
|
+
id="${b}"
|
|
2131
|
+
role="alert"
|
|
2132
|
+
part="error"
|
|
2133
|
+
?hidden=${()=>!g.value}>
|
|
2134
|
+
${()=>e.error.value??``}
|
|
2135
|
+
</div>
|
|
2136
|
+
</div>
|
|
2137
|
+
`},shadow:{delegatesFocus:!0},styles:[...ye,H(We),ce(`.dropzone`),ri]});var si=`@layer refine.base{:host{display:block}form{gap:var(--form-gap,var(--size-4,1rem));align-items:start;display:grid}}@layer refine.orientation{:host([orientation=horizontal]) form{flex-wrap:wrap;align-items:center;display:flex}}`,ci=`ore-form`;(0,c.define)(ci,{props:{disabled:c.prop.bool(!1),novalidate:c.prop.bool(!1),orientation:c.prop.oneOf([`horizontal`,`vertical`],`vertical`),size:c.prop.string(),validateOn:c.prop.oneOf([`submit`,`change`,`blur`,`input`],`submit`),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r,provide:i}){let a=n.shadowRoot;t({attr:{orientation:e.orientation}}),i(Q,{disabled:(0,l.computed)(()=>!!e.disabled.value),size:e.size,validateOn:(0,l.computed)(()=>e.validateOn.value??`submit`),variant:e.variant});function o(e){let t=e,n=a?.querySelector(`form`);n&&(e.preventDefault(),r(`submit`,{formData:new FormData(n),originalEvent:t}))}function s(e){r(`reset`,{originalEvent:e})}return c.html`
|
|
2138
|
+
<form
|
|
2139
|
+
part="form"
|
|
2140
|
+
:novalidate="${e.novalidate}"
|
|
2141
|
+
:aria-disabled="${()=>e.disabled.value?`true`:null}"
|
|
2142
|
+
@submit="${o}"
|
|
2143
|
+
@reset="${s}">
|
|
2144
|
+
<slot></slot>
|
|
2145
|
+
</form>
|
|
2146
|
+
`},shadow:{delegatesFocus:!1},styles:[si]});var li=`@layer refine.base{:host{width:fit-content;display:inline-flex}:host([fullwidth]){width:100%}.wrapper{gap:var(--size-1);align-items:center;width:100%;display:inline-flex}:host([label-placement=outside]) .wrapper{align-items:flex-end}button{width:var(--size-10);min-width:var(--size-10);height:var(--size-10);min-height:var(--size-10);color:var(--color-contrast-600);cursor:pointer;border-radius:var(--rounded-md);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}button:hover:not(:disabled){color:var(--color-contrast-800);background:var(--color-contrast-100)}button:active:not(:disabled){background:var(--color-contrast-200)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.field::part(input){text-align:center}.field{width:var(--size-20)}:host([fullwidth]) .field{flex:1;width:auto;min-width:0}}`,ui=`ore-number-input`;(0,c.define)(ui,{formAssociated:!0,props:{...q,...J,...Y,...X,error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),"large-step":c.prop.json(void 0),max:c.prop.json(void 0),min:c.prop.json(void 0),name:c.prop.string(),placeholder:c.prop.string(),readonly:c.prop.bool(!1),ref:c.prop.json(void 0),step:c.prop.number(1),value:c.prop.json(void 0),variant:c.prop.string()},setup(e,{bind:t,emit:n,onElement:r,watch:i}){let a=$(t,e,(0,c.inject)(Q)),o=a.disabled,s=(0,l.computed)(()=>!!e.readonly.value),u=(0,l.signal)(e.value.value==null?``:String(e.value.value));(0,l.watch)(e.value,e=>{let t=e==null?``:String(e);u.value!==t&&(u.value=t)});function d(){let e=u.value.trim();if(!e)return null;let t=Number.parseFloat(e);return Number.isNaN(t)?null:t}function p(t,r){let i=e.min.value==null?void 0:Number(e.min.value),a=e.max.value==null?void 0:Number(e.max.value),o=t==null?null:(0,f.clamp)(t,i,a),s=o==null?``:String(o);u.value!==s&&(u.value=s),n(`change`,{originalEvent:r,value:o})}let m=bt({commit:p,disabled:o,largeStep:e[`large-step`],max:e.max,min:e.min,parse:d,readonly:s,step:e.step}),h=(0,c.ref)(),g=null,_=null,v=null,y=t=>{if(!t){g?.(),_?.(),v?.dispose(),g=null,_=null,v=null,e.ref.value?.(null);return}t.setAttribute(`inputmode`,`decimal`),t.setAttribute(`role`,`spinbutton`);let r=e=>{let t=e.target.value,n=t===``?null:Number.parseFloat(t);p(Number.isNaN(n??NaN)?null:n,e)},a=e=>{let t=e.target.value,r=t===``?null:Number.parseFloat(t);u.value=t,n(`input`,{originalEvent:e,value:Number.isNaN(r??NaN)?null:r})};t.addEventListener(`change`,r),t.addEventListener(`input`,a),_=()=>{t.removeEventListener(`change`,r),t.removeEventListener(`input`,a)},g=i(()=>{let n=d();n==null?t.removeAttribute(`aria-valuenow`):t.setAttribute(`aria-valuenow`,String(n)),e.min.value==null?t.removeAttribute(`aria-valuemin`):t.setAttribute(`aria-valuemin`,String(e.min.value)),e.max.value==null?t.removeAttribute(`aria-valuemax`):t.setAttribute(`aria-valuemax`,String(e.max.value)),s.value?t.setAttribute(`aria-readonly`,`true`):t.removeAttribute(`aria-readonly`)}),e.ref.value?.(t),v=(0,l.watch)(e.ref,e=>{e?.(t)})};r(h,e=>{e.ref=y}),t({attr:{size:a.size,value:()=>u.value||null,variant:a.variant}});let b=(0,l.computed)(()=>o.value||s.value);return c.html`
|
|
2147
|
+
<div class="wrapper" part="control" @keydown="${e=>m.handleKeydown(e)}">
|
|
2148
|
+
<button
|
|
2149
|
+
type="button"
|
|
2150
|
+
part="decrement-btn"
|
|
2151
|
+
aria-label="Decrease"
|
|
2152
|
+
?disabled="${()=>b.value||m.atMin()}"
|
|
2153
|
+
@click="${t=>m.incrementBy(-(Number(e.step.value)||1),t)}">
|
|
2154
|
+
<ore-icon name="minus" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2155
|
+
</button>
|
|
2156
|
+
<ore-input
|
|
2157
|
+
class="field"
|
|
2158
|
+
part="field"
|
|
2159
|
+
ref="${h}"
|
|
2160
|
+
:value="${()=>u.value}"
|
|
2161
|
+
:label="${()=>e.label.value??``}"
|
|
2162
|
+
:label-placement="${()=>e[`label-placement`].value??`inset`}"
|
|
2163
|
+
:placeholder="${()=>e.placeholder.value??``}"
|
|
2164
|
+
:name="${()=>e.name.value??``}"
|
|
2165
|
+
:helper="${()=>e.helper.value??``}"
|
|
2166
|
+
:error="${()=>e.error.value??``}"
|
|
2167
|
+
:size="${a.size}"
|
|
2168
|
+
:color="${()=>e.color.value??``}"
|
|
2169
|
+
:variant="${()=>e.variant.value??``}"
|
|
2170
|
+
:rounded="${()=>e.rounded.value}"
|
|
2171
|
+
?disabled="${o}"
|
|
2172
|
+
?readonly="${s}"
|
|
2173
|
+
?fullwidth="${()=>!1}">
|
|
2174
|
+
</ore-input>
|
|
2175
|
+
<button
|
|
2176
|
+
type="button"
|
|
2177
|
+
part="increment-btn"
|
|
2178
|
+
aria-label="Increase"
|
|
2179
|
+
?disabled="${()=>b.value||m.atMax()}"
|
|
2180
|
+
@click="${t=>m.incrementBy(Number(e.step.value)||1,t)}">
|
|
2181
|
+
<ore-icon name="plus" size="14" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2182
|
+
</button>
|
|
2183
|
+
</div>
|
|
2184
|
+
`},shadow:{delegatesFocus:!0},styles:[U,li]});var di=`@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));--_cell-border-color:var(--otp-cell-border-color,var(--color-contrast-300));--_cell-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(--_cell-bg);border:var(--_cell-border) solid var(--_cell-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);box-shadow:0 0 0 var(--border-2) color-mix(in oklch, var(--_cell-focus-border) 20%, transparent);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([variant])),:host([variant=solid]){--_cell-bg:var(--otp-cell-bg,var(--color-contrast-50));--_cell-border-color:var(--otp-cell-border-color,var(--color-contrast-300))}:host(:not([variant])) .cell,:host([variant=solid]) .cell{box-shadow:var(--shadow-2xs)}:host([variant=flat]){--_cell-bg:var(--otp-cell-bg,var(--color-contrast-100));--_cell-border-color:var(--otp-cell-border-color,var(--_theme-border,var(--color-contrast-200)))}:host([variant=flat]) .cell{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .cell:hover:not(:disabled){background:var(--otp-cell-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--otp-cell-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .cell:focus{background:var(--otp-cell-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--otp-cell-focus-border-color,color-mix(in oklch, var(--_cell-focus-border) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_cell-bg:var(--otp-cell-bg,var(--_theme-backdrop,var(--color-contrast-50)));--_cell-border-color:var(--otp-cell-border-color,color-mix(in oklch, var(--_cell-focus-border) 70%, transparent))}:host([variant=bordered]) .cell{color:var(--_theme-base);caret-color:var(--_theme-base)}:host([variant=bordered]) .cell:hover:not(:disabled){border-color:var(--otp-cell-hover-border-color,var(--_cell-focus-border))}:host([variant=outline]){--_cell-bg:var(--otp-cell-bg,transparent)}:host([variant=outline]) .cell{box-shadow:none}:host([variant=ghost]){--_cell-bg:var(--otp-cell-bg,transparent);--_cell-border-color:var(--otp-cell-border-color,transparent)}:host([variant=ghost]) .cell{box-shadow:none}:host([variant=ghost]) .cell:hover:not(:disabled){background:var(--otp-cell-hover-bg,var(--color-contrast-100))}}@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)}}`,fi=`ore-otp-input`;(0,c.define)(fi,{formAssociated:!0,props:{...q,...J,...Y,label:c.prop.string(`One-time password`),length:c.prop.number(6),masked:c.prop.bool(!1),name:c.prop.string(),separator:c.prop.string(),type:c.prop.oneOf([`numeric`,`alphanumeric`],`numeric`),value:c.prop.string(),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r,onMounted:i}){let a=$(t,e,(0,c.inject)(Q)),o=(0,l.computed)(()=>Number(e.length.value)||6),s=a.disabled,u=(0,l.computed)(()=>Array.from({length:o.value},(e,t)=>t)),d=(0,l.signal)(String(e.value.value||``)),f=()=>String(e.value.value||``);(0,c.useField)({disabled:s,toFormValue:e=>e,value:d}),t({attr:{size:a.size,value:()=>d.value||null,variant:a.variant}});function p(){return[...n.shadowRoot?.querySelectorAll(`input.cell`)??[]]}let m=ut({getItems:()=>p(),keys:{next:[`ArrowRight`],prev:[`ArrowLeft`]},loop:!1,onNavigate:(e,t)=>{p()[t]?.focus()}});function h(){return p().map(e=>e.value).join(``)}function g(e){let t=p(),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)}),d.value=h()}function _(e,t){let n=p(),i=h(),a=t??(i.length===n.length&&i.split(``).every(Boolean));d.value=i,r(`change`,{complete:a,originalEvent:e,value:i}),a&&r(`complete`,{originalEvent:e,value:i})}function v(t){return e.type.value===`numeric`?/^\d$/.test(t):/^[a-z\d]$/i.test(t)}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=p();_(e),r&&t<i.length-1&&(i[t+1].focus(),i[t+1].select())}function b(e,t){let n=e.target,r=p();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 x(e){e.preventDefault();let t=(e.clipboardData?.getData(`text`)??``).split(``).filter(e=>v(e)).slice(0,o.value),n=p();t.forEach((e,t)=>{n[t]&&(n[t].value=e)}),_(e),n[Math.min(t.length,n.length-1)]?.focus()}(0,l.watch)(e.value,e=>{g(String(e||``))}),(0,l.watch)(e.length,()=>{requestAnimationFrame(()=>g(f()))});let S=(0,l.computed)(()=>{let t=Number(e.length.value)||6;return e.separator.value==null?-1:Math.floor(t/2)});return i(()=>{g(f())}),c.html`
|
|
2185
|
+
<div class="otp-group" part="group" role="group" :aria-label="${e.label}">
|
|
2186
|
+
${()=>u.value.map(t=>c.html`
|
|
2187
|
+
${()=>S.value>0&&t===S.value?c.html`<span class="separator" aria-hidden="true">${()=>e.separator.value||`-`}</span>`:``}
|
|
2188
|
+
<input
|
|
2189
|
+
class="cell"
|
|
2190
|
+
part="cell"
|
|
2191
|
+
:type="${()=>e.masked.value?`password`:`text`}"
|
|
2192
|
+
:inputmode="${()=>e.type.value===`numeric`?`numeric`:`text`}"
|
|
2193
|
+
maxlength="1"
|
|
2194
|
+
:autocomplete="${()=>t===0?`one-time-code`:`off`}"
|
|
2195
|
+
:aria-label="${()=>`Digit ${t+1} of ${o.value}`}"
|
|
2196
|
+
:disabled="${()=>s.value?!0:null}"
|
|
2197
|
+
@input="${e=>y(e,t)}"
|
|
2198
|
+
@keydown="${e=>b(e,t)}"
|
|
2199
|
+
@paste="${e=>t===0?x(e):e.preventDefault()}"
|
|
2200
|
+
@focus="${e=>e.target.select()}" />
|
|
2201
|
+
`)}
|
|
2202
|
+
</div>
|
|
2203
|
+
`},styles:[W,H({}),ce(`.cell`),di]});var pi=`@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:var(--color-contrast-500);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}}`,mi=(0,c.createContext)(`OreRadioGroup`),hi=`ore-radio-group`;(0,c.define)(hi,{formAssociated:!0,props:{...q,...J,...Y,error:c.prop.string(),helper:c.prop.string(),label:c.prop.string(),name:c.prop.string(),orientation:c.prop.oneOf([`horizontal`,`vertical`],`vertical`),required:c.prop.bool(!1),value:c.prop.string()},setup(e,{bind:t,el:n,emit:r,onCleanup:i,provide:a,slots:o,watch:s}){let l=(0,c.inject)(Q),u=$(t,e,l),d=null,f=$e({disabled:u.disabled,error:e.error,getFormField:()=>d,helper:e.helper,label:e.label,prefix:`radio-group`,signal:Z(i),validateOn:l?.validateOn,value:e.value});d=(0,c.useField)({disabled:f.disabled,toFormValue:e=>e,value:f.formValue});let p=f.selectedValue,m=u.disabled;t({attr:{size:u.size,value:()=>p.value||null}});let h=()=>zt(n,`ore-radio`),g=()=>m.value?[]:h().filter(e=>!e.hasAttribute(`disabled`)),_=e=>Bt(h(),e),v=(e,t)=>{f.setValues(e?[e]:[]),r(`change`,{labels:e?[_(e)]:[],originalEvent:t,values:e?[e]:[]}),f.triggerValidation(`blur`)};a(mi,{color:e.color,disabled:m,name:e.name,select:v,size:e.size,value:p}),s(()=>{o.elements().value,p.value;let t=h();for(let n of t){let t=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,t===p.value),e.name.value?n.setAttribute(`name`,e.name.value):n.removeAttribute(`name`),e.color.value?n.setAttribute(`color`,e.color.value):n.removeAttribute(`color`),e.size.value?n.setAttribute(`size`,e.size.value):n.removeAttribute(`size`),n.toggleAttribute(`disabled`,m.value)}}),s(()=>{o.elements().value;let e=h(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===p.value;n.setAttribute(`tabindex`,e&&!m.value?`0`:`-1`),e&&!m.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let y=ut({getItems:g,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=g()[t];r&&(r.focus(),r.tagName===`ORE-RADIO`&&v(r.getAttribute(`value`)??``,n))}});t({on:{change:e=>{e.target!==n&&(e.stopPropagation(),v(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=g();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(y.set(n),y.handleKeydown(e))}}});let b=(0,c.createStableId)(`radio-group-legend`);return c.html`
|
|
2204
|
+
<fieldset
|
|
2205
|
+
role="radiogroup"
|
|
2206
|
+
aria-required="${()=>String(!!e.required.value)}"
|
|
2207
|
+
:aria-invalid="${f.ariaInvalid}"
|
|
2208
|
+
:aria-errormessage="${f.ariaErrorMessage}"
|
|
2209
|
+
:aria-describedby="${f.ariaDescribedBy}">
|
|
2210
|
+
<legend id="${b}" ?hidden=${()=>!e.label.value}>
|
|
2211
|
+
${e.label}${F(()=>!!e.required.value,()=>c.html`<span aria-hidden="true"> *</span>`)}
|
|
2212
|
+
</legend>
|
|
2213
|
+
<div class="radio-group-items" part="items">
|
|
2214
|
+
<slot></slot>
|
|
2215
|
+
</div>
|
|
2216
|
+
<div
|
|
2217
|
+
class="helper-text"
|
|
2218
|
+
part="helper"
|
|
2219
|
+
id="${f.assistiveId}"
|
|
2220
|
+
:role="${()=>f.errorText.value?`alert`:null}"
|
|
2221
|
+
aria-live="polite"
|
|
2222
|
+
?hidden="${()=>!f.errorText.value&&!f.helperText.value}">
|
|
2223
|
+
${()=>f.errorText.value||f.helperText.value}
|
|
2224
|
+
</div>
|
|
2225
|
+
</fieldset>
|
|
2226
|
+
`},styles:[W,H(),U,pi]});var gi=`@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:var(--color-contrast-500)}.helper-text: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)){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)}}`,_i=`ore-radio`;(0,c.define)(_i,{formAssociated:!0,props:{...q,...J,...Y,checked:c.prop.bool(!1),error:c.prop.string(),helper:c.prop.string(),name:c.prop.string(),value:c.prop.string()},setup(e,{bind:t,el:n,emit:r,onCleanup:i}){let a=(0,c.inject)(mi),o=(0,c.inject)(Q),s=$(t,e,o),u=(0,l.computed)(()=>a?.name.value||e.name.value||``),d=(0,l.computed)(()=>a?.size.value??s.size.value),f=(0,l.computed)(()=>a?.color.value??e.color.value),p=(0,l.computed)(()=>a?a.value.value===e.value.value:!!e.checked.value),m=()=>{let e=u.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},h=(e,t)=>{if(a){a.select(e.getAttribute(`value`)??``,t);return}e.click()},g=ut({getItems:()=>m(),keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:(e,t,n)=>{let r=m()[t];r&&(r.focus(),h(r,n))}}),_=t=>{if(!y.checked.value){if(a){a.select(e.value.value??``,t);return}y.toggle(t??new Event(`change`))}},v=null,y=nt({checked:p,disabled:(0,l.computed)(()=>s.disabled.value||!!a?.disabled.value),error:e.error,getFormField:()=>v,helper:e.helper,onToggle:e=>{r(`change`,e)},prefix:`radio`,signal:Z(i),validateOn:o?.validateOn,value:e.value});v=(0,c.useField)({disabled:y.disabled,toFormValue:e=>e,value:y.checkableFormValue});let{assistiveId:b,checked:x,disabled:S,errorText:C,helperText:w,labelId:T,toggle:E}=y;return t({attr:{ariaChecked:()=>x.value?`true`:`false`,ariaDescribedby:()=>C.value||w.value?b:null,ariaDisabled:()=>S.value?`true`:null,ariaInvalid:()=>C.value?`true`:null,ariaLabelledby:T,checked:x,color:f,disabled:()=>S.value?!0:void 0,name:()=>u.value||void 0,role:`radio`,size:d,tabindex:()=>{if(!S.value)return x.value?0:-1}},class:()=>({"is-checked":x.value,"is-disabled":S.value}),on:{click:t=>{if(!S.value)if(a)a.select(e.value.value??``,t);else{if(!u.value)return;if(!x.value){let r=e.name.value;document.querySelectorAll(`ore-radio[name="${r}"]`).forEach(e=>{e!==n&&e.removeAttribute(`checked`)}),E(t)}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),_(e);return}let t=m();if(t.length===0)return;let r=t.indexOf(n);r!==-1&&(g.set(r),g.handleKeydown(e))}}}),c.html`
|
|
2227
|
+
<div class="radio-wrapper" part="radio">
|
|
2228
|
+
<div class="circle" part="circle">
|
|
2229
|
+
<div class="dot" part="dot"></div>
|
|
2230
|
+
</div>
|
|
2231
|
+
</div>
|
|
2232
|
+
<span class="label" part="label" id="${T}"><slot></slot></span>
|
|
2233
|
+
${xn(b,C,w)}
|
|
2234
|
+
`},styles:[W,le,U,R,H(Ve),gi]});var vi=`@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:var(--color-contrast-500);margin-top:var(--size-1)}.helper-text[role=alert]{color:var(--color-error)}}@media (prefers-reduced-motion:reduce){.sparkle{display:none}}`,yi=`ore-rating`;(0,c.define)(yi,{formAssociated:!0,props:{...q,...J,...Y,error:c.prop.string(),helper:c.prop.string(),label:c.prop.string(`Rating`),max:c.prop.number(5),name:c.prop.string(),readonly:c.prop.bool(!1),solid:c.prop.bool(!1),value:c.prop.number(0)},setup(e,{bind:t,el:n,emit:r}){let i=(0,c.inject)(Q),a=$(t,e,i),o=(0,l.computed)(()=>{let t=Math.max(1,Number(e.max.value)||5),n=Number(e.value.value);return Math.min(t,Math.max(0,Number.isFinite(n)?n:0))}),s=(0,c.useField)({disabled:a.disabled,value:(0,l.computed)(()=>String(o.value||0))}),u=e=>{i?.validateOn?.value===e&&s.reportValidity()},d=(0,c.createStableId)(`helper`),f=qe({error:e.error,helper:e.helper}),p=(0,l.computed)(()=>f.value.errorText),m=(0,l.computed)(()=>f.value.helperText),h=(0,l.computed)(()=>p.value||m.value?d:null),g=(0,l.computed)(()=>!e.readonly.value&&!a.disabled.value),_=(0,l.signal)(null),v=(0,l.computed)(()=>_.value??o.value),y=()=>[...n.shadowRoot?.querySelectorAll(`[data-star]`)??[]],b=xt({max:(0,l.computed)(()=>Number(e.max.value)||5),min:(0,l.signal)(1),step:(0,l.signal)(1)});function x(e){let t=n.shadowRoot?.querySelector(`.sparkle-layer`),r=n.shadowRoot?.querySelector(`[data-star="${e}"]`);if(!t||!r)return;let i=r.offsetLeft+r.offsetWidth/2,a=r.offsetTop+r.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 S(t,i){if(!g.value)return;let a=Math.max(1,Number(e.max.value)||5),s=Math.min(a,Math.max(0,t));s!==o.value&&(n.setAttribute(`value`,String(s)),r(`change`,{originalEvent:i,value:s}),u(`change`),x(s))}function C(e,t){let n=b.nextFromKey(e.key,t);n!=null&&(e.preventDefault(),S(n,e),y()[n-1]?.focus())}let w=(0,l.computed)(()=>{let t=Number(e.max.value)||5;return Array.from({length:t},(e,t)=>t+1)});return t({attr:{size:a.size}}),c.html`
|
|
2235
|
+
<div
|
|
2236
|
+
class="stars"
|
|
2237
|
+
part="stars"
|
|
2238
|
+
role="radiogroup"
|
|
2239
|
+
:aria-label="${e.label}"
|
|
2240
|
+
:aria-describedby="${h}">
|
|
2241
|
+
${()=>w.value.map(e=>c.html`<button
|
|
2242
|
+
class="star-btn"
|
|
2243
|
+
part="star"
|
|
2244
|
+
type="button"
|
|
2245
|
+
role="radio"
|
|
2246
|
+
:aria-label="${()=>`${e} ${e===1?`star`:`stars`}`}"
|
|
2247
|
+
:aria-checked="${()=>String(e===o.value)}"
|
|
2248
|
+
:data-star="${e}"
|
|
2249
|
+
?data-filled="${()=>e<=v.value}"
|
|
2250
|
+
:disabled="${()=>g.value?null:!0}"
|
|
2251
|
+
@click="${t=>S(e,t)}"
|
|
2252
|
+
@pointerenter="${()=>{g.value&&(_.value=e)}}"
|
|
2253
|
+
@pointerleave="${()=>{_.value=null}}"
|
|
2254
|
+
@keydown="${t=>C(t,e)}">
|
|
2255
|
+
<ore-icon name="star" size="var(--_star-size)" stroke-width="1.5" aria-hidden="true"></ore-icon>
|
|
2256
|
+
</button>`)}
|
|
2257
|
+
<div class="sparkle-layer"></div>
|
|
2258
|
+
</div>
|
|
2259
|
+
${xn(d,p,m)}
|
|
2260
|
+
`},styles:[W,H({}),R,z,vi]});var bi=`@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-3));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,var(--color-contrast-100));--_thumb-size:calc(var(--_size) - var(--size-1));--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;width:100%;display:inline-flex;position:relative}}.slider-container{width:100%;height:var(--_size);min-height:var(--_touch-target);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:left var(--transition-normal), width var(--transition-normal);position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;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:box-shadow var(--transition-normal), transform var(--transition-fast), left var(--transition-normal);will-change:transform;position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{transition:box-shadow var(--transition-normal), transform 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);transform:translate(-50%,-50%)scale(1.1)}.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;cursor:grabbing;outline:var(--border-2) solid var(--_fill);outline-offset:2px;box-shadow:var(--_shadow);transform:translate(-50%,-50%)scale(1.1)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole{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:var(--color-contrast-500)}.helper-text[role=alert]{color:var(--color-error)}@media (pointer:coarse){:host{--_thumb-size:calc(var(--_size) + var(--size-2));--_size:var(--size-7)}}`,xi=(e,t)=>n=>{e()&&t(n)},Si=`ore-slider`;(0,c.define)(Si,{formAssociated:!0,props:{...q,...J,...Y,error:c.prop.string(),from:c.prop.number(0),"from-value-text":c.prop.string(),helper:c.prop.string(),max:c.prop.number(100),min:c.prop.number(0),name:c.prop.string(),range:c.prop.bool(!1),step:c.prop.number(1),to:c.prop.number(100),"to-value-text":c.prop.string(),value:c.prop.number(0),"value-text":c.prop.string()},setup(e,{aria:t,bind:n,el:r,emit:i,onCleanup:a,onEvent:o,onMounted:s,slots:u}){let d=e.range.value,f=xt({max:e.max,min:e.min,step:e.step}),p=(0,c.inject)(Q),m=$(n,e,p),h=(0,l.signal)(!1),g=m.disabled,_=(0,l.signal)(void 0),v=(0,c.createStableId)(`helper`),y=qe({error:e.error,helper:e.helper}),b=(0,l.computed)(()=>y.value.errorText),x=(0,l.computed)(()=>y.value.helperText),S=(0,l.computed)(()=>b.value||x.value?v:null);n({attr:{"data-dragging":()=>h.value?!0:void 0,size:m.size}});let C,w=(0,l.signal)(`0`);d||(C=(0,c.useField)({disabled:g,value:w}),(0,l.watch)(e.value,e=>{w.value=String(e)},{immediate:!0}),n({attr:{ariaDescribedby:()=>S.value??null,ariaDisabled:()=>g.value?`true`:null,ariaLabelledby:()=>_.value??null,ariaValuemax:()=>f.max(),ariaValuemin:()=>f.min(),ariaValuenow:()=>Number(w.value||0),ariaValuetext:()=>e[`value-text`].value??null,role:()=>`slider`,tabindex:()=>g.value?null:`0`}}));let T=(0,l.signal)(0),E=(0,l.signal)(100);d&&(C=(0,c.useField)({disabled:g,toFormValue:({from:t,to:n})=>{let r=e.name.value;if(!r)return null;let i=new FormData;return i.append(`${r}[from]`,String(t)),i.append(`${r}[to]`,String(n)),i},value:(0,l.computed)(()=>({from:T.value,to:E.value}))}),(0,l.watch)(e.from,e=>{T.value=f.snap(Number(e))},{immediate:!0}),(0,l.watch)(e.to,e=>{E.value=f.snap(Number(e))},{immediate:!0}));let D=(0,c.ref)(),O=(0,c.ref)(),k=(0,c.ref)(),A=(0,c.ref)(),j=(0,c.createStableId)(`slider-start`),M=(0,c.createStableId)(`slider-end`),N=e=>{let t=f.toPercent(e);r.style.setProperty(`--_thumb-pos`,`${t}%`),r.style.setProperty(`--_fill-start`,`0%`),r.style.setProperty(`--_fill-width`,`${t}%`)},P=()=>{let e=f.toPercent(T.value),t=f.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}%`)},F=e=>{p?.validateOn?.value===e&&C?.reportValidity()},ee=n=>{P();let r=e=>{let t=n.getBoundingClientRect();return f.fromClientX(e,t)},s=null,c=e=>{s===`start`?T.value=Math.min(f.snap(e),E.value):s===`end`&&(E.value=Math.max(f.snap(e),T.value)),T.value=f.clamp(T.value),E.value=f.clamp(E.value),P(),i(`change`,{from:T.value,to:E.value,value:{from:T.value,to:E.value}}),F(`change`)};o(n,`pointerdown`,xi(()=>!g.value,e=>{e.preventDefault();let t=r(e.clientX);s=Math.abs(t-T.value)<=Math.abs(t-E.value)?`start`:`end`,e.target.setPointerCapture(e.pointerId),c(t)})),o(n,`pointermove`,xi(()=>!!s,e=>{e.preventDefault(),h.value||=!0,c(r(e.clientX))})),o(n,`pointerup`,xi(()=>!!s,e=>{e.preventDefault(),s=null,h.value=!1,e.target.releasePointerCapture(e.pointerId)}));let l=(e,t)=>n=>{if(g.value)return;let r=f.nextFromKey(n.key,e());r!==null&&(n.preventDefault(),t(f.snap(r)),P(),i(`change`,{from:T.value,originalEvent:n,to:E.value,value:{from:T.value,to:E.value}}),F(`change`))},u=k.value,d=A.value;u&&(o(u,`keydown`,l(()=>T.value,e=>{T.value=Math.min(e,E.value)})),a(t(u,{label:`Range start`,valuemax:()=>E.value,valuemin:()=>f.min(),valuenow:()=>T.value,valuetext:()=>e[`from-value-text`].value??null}))),d&&(o(d,`keydown`,l(()=>E.value,e=>{E.value=Math.max(e,T.value)})),a(t(d,{label:`Range end`,valuemax:()=>f.max(),valuemin:()=>T.value,valuenow:()=>E.value,valuetext:()=>e[`to-value-text`].value??null})))},I=e=>{N(Number(w.value));let t=t=>{if(g.value)return;let n=e.getBoundingClientRect(),r=f.fromClientX(t,n);Number(w.value)!==r&&(w.value=r.toString(),N(r),i(`change`,{value:r}),F(`change`))},n=!1;o(e,`pointerdown`,xi(()=>!g.value,e=>{e.preventDefault(),n=!0,t(e.clientX),e.target.setPointerCapture(e.pointerId)})),o(e,`pointermove`,xi(()=>n,e=>{e.preventDefault(),h.value||=!0,t(e.clientX)})),o(e,`pointerup`,xi(()=>n,e=>{e.preventDefault(),n=!1,h.value=!1,e.target.releasePointerCapture(e.pointerId)})),o(r,`keydown`,xi(()=>!g.value,e=>{let t=Number(w.value||0),n=f.nextFromKey(e.key,t);if(n===null)return;e.preventDefault();let r=f.clamp(n);r!==t&&(w.value=r.toString(),N(r),i(`change`,{originalEvent:e,value:r}),F(`change`))}))};return s(()=>{let e=D.value;if(e){if(u.has().value&&O.value){let e=(0,c.createStableId)(`slider-label`);O.value.id=e,d||(_.value=e)}d?ee(e):I(e)}}),c.html`
|
|
2261
|
+
<div class="slider-container" part="slider" ref=${D}>
|
|
2262
|
+
<div class="slider-track" part="track">
|
|
2263
|
+
<div class="slider-fill" part="fill"></div>
|
|
2264
|
+
<div class="slider-thumb slider-thumb-sole" part="thumb"></div>
|
|
2265
|
+
<div
|
|
2266
|
+
class="slider-thumb slider-thumb-start"
|
|
2267
|
+
part="thumb-start"
|
|
2268
|
+
ref=${k}
|
|
2269
|
+
role="slider"
|
|
2270
|
+
tabindex="${()=>g.value?`-1`:`0`}"
|
|
2271
|
+
:aria-describedby="${S}"
|
|
2272
|
+
id="${j}"></div>
|
|
2273
|
+
<div
|
|
2274
|
+
class="slider-thumb slider-thumb-end"
|
|
2275
|
+
part="thumb-end"
|
|
2276
|
+
ref=${A}
|
|
2277
|
+
role="slider"
|
|
2278
|
+
tabindex="${()=>g.value?`-1`:`0`}"
|
|
2279
|
+
:aria-describedby="${S}"
|
|
2280
|
+
id="${M}"></div>
|
|
2281
|
+
</div>
|
|
2282
|
+
</div>
|
|
2283
|
+
<span class="label" part="label" ref=${O}><slot></slot></span>
|
|
2284
|
+
${xn(v,b,x)}
|
|
2285
|
+
`},styles:[U,W,H(Ue),bi,R]});var Ci=`@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(--size-11);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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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)}input: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:var(--color-contrast-500)}.helper-text: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)){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)}}`,wi=`ore-switch`;(0,c.define)(wi,{formAssociated:!0,props:{...q,...J,...Y,checked:c.prop.bool(!1),error:c.prop.string(),helper:c.prop.string(),name:c.prop.string(),value:c.prop.string(`on`)},setup(e,{bind:t,emit:n,onCleanup:r}){let i=(0,c.inject)(Q),a=$(t,e,i),o=null,s=nt({checked:e.checked,clearIndeterminateFirst:!1,disabled:a.disabled,error:e.error,getFormField:()=>o,helper:e.helper,onToggle:e=>{s.triggerValidation(`change`),n(`change`,e)},prefix:`switch`,signal:Z(r),validateOn:i?.validateOn,value:e.value});o=(0,c.useField)({disabled:s.disabled,toFormValue:e=>e,value:s.checkableFormValue});let{assistiveId:l,checked:u,disabled:d,errorText:f,handleClick:p,handleKeydown:m,helperText:h,labelId:g}=s;return yn(t,a.size,{assistiveId:l,checked:u,disabled:d,errorText:f,handleClick:p,handleKeydown:m,helperText:h,labelId:g},`switch`),c.html`
|
|
2286
|
+
<div class="switch-wrapper" part="switch">
|
|
2287
|
+
<div class="switch-track" part="track">
|
|
2288
|
+
<div class="switch-thumb" part="thumb"></div>
|
|
2289
|
+
</div>
|
|
2290
|
+
</div>
|
|
2291
|
+
<span class="label" part="label" id="${g}"><slot></slot></span>
|
|
2292
|
+
${xn(l,f,h)}
|
|
2293
|
+
`},styles:[W,le,U,H(He),Ci]});var Ti=`@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-5);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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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}.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:var(--color-contrast-500);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],[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(: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=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([error]:not([error=""])) .label{color:var(--color-error)}}@layer refine.variants{:host(:not([variant])),:host([variant=solid]){--_bg:var(--textarea-bg,var(--color-contrast-50));--_border-color:var(--textarea-border-color,var(--color-contrast-300))}:host(:not([variant])) .field,:host([variant=solid]) .field{box-shadow:var(--shadow-2xs)}:host(:not([variant],[disabled])) .field:focus-within,:host([variant=solid]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=flat]){--_bg:var(--textarea-bg,var(--color-contrast-100));--_border-color:var(--textarea-border-color,var(--_theme-border))}:host([variant=flat]) .field{box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) .field:hover{background:var(--textarea-hover-bg,color-mix(in oklch, var(--_theme-base) 6%, var(--color-contrast-100)));border-color:var(--textarea-hover-border-color,color-mix(in oklch, var(--_theme-base) 35%, var(--color-contrast-300)))}:host([variant=flat]) .field:focus-within{background:var(--textarea-focus-bg,color-mix(in oklch, var(--_theme-base) 8%, var(--color-canvas)));border-color:var(--textarea-focus-border-color,color-mix(in oklch, var(--_theme-focus) 60%, transparent));box-shadow:var(--_theme-shadow)}:host([variant=bordered]){--_bg:var(--textarea-bg,var(--_theme-backdrop));--_border-color:var(--textarea-border-color,color-mix(in oklch, var(--_theme-focus) 70%, transparent))}:host([variant=bordered]) textarea{color:var(--_theme-base)}:host([variant=bordered]) textarea::placeholder{color:var(--textarea-placeholder-color,color-mix(in oklch, var(--_theme-base) 45%, transparent))}:host([variant=bordered]) .field:hover{border-color:var(--textarea-hover-border-color,var(--_theme-focus))}:host([variant=outline]){--_bg:var(--textarea-bg,transparent)}:host([variant=outline]) .field{box-shadow:none}:host([variant=outline]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}:host([variant=ghost]){--_bg:var(--textarea-bg,transparent);--_border-color:var(--textarea-border-color,transparent)}:host([variant=ghost]) .field{box-shadow:none}:host([variant=ghost]) .field:hover{background:var(--textarea-hover-bg,var(--color-contrast-100))}:host([variant=ghost]:not([disabled])) .field:focus-within{box-shadow:var(--_theme-shadow)}}@layer refine.utilities{:host([auto-resize]) textarea{overflow:hidden}:host([fullwidth]){width:100%}}`,Ei=`ore-textarea`;(0,c.define)(Ei,{formAssociated:!0,props:{...q,...J,...Y,...X,"auto-resize":c.prop.bool(!1),error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),maxlength:c.prop.json(void 0),name:c.prop.string(),"no-resize":c.prop.bool(!1),placeholder:c.prop.string(),readonly:c.prop.bool(!1),ref:c.prop.json(void 0),required:c.prop.bool(!1),resize:c.prop.string(),rows:c.prop.json(void 0),value:c.prop.string(),variant:c.prop.string()},setup(e,{bind:t,emit:n,onCleanup:r,onElement:i,watch:a}){let o=(0,c.inject)(Q),s=$(t,e,o),u=(0,c.ref)(),d=()=>{if(!e[`auto-resize`].value||!u.value)return;let t=u.value;t.style.height=`auto`,t.style.height=`${t.scrollHeight}px`},f=Z(r),p=null,m=Ze({disabled:s.disabled,error:e.error,getFormField:()=>p,helper:e.helper,label:e.label,labelPlacement:e[`label-placement`],maxLength:e.maxlength,onBeforeInput:d,onChange:(e,t)=>{n(`change`,{originalEvent:e,value:t})},onInput:(e,t)=>{n(`input`,{originalEvent:e,value:t})},prefix:`textarea`,signal:f,validateOn:o?.validateOn,value:e.value});p=(0,c.useField)({disabled:m.disabled,toFormValue:e=>e,value:m.value});let{ariaDescribedBy:h,ariaErrorMessage:g,ariaInvalid:_,ariaLabelledBy:v,assistiveId:y,counter:b,errorId:x,errorText:S,fieldId:C,helperText:w,labelId:E,labelVisible:D}=m;return i(u,t=>{let n=m.wire(t);e.ref.value?.(t);let r=(0,l.watch)(e.ref,e=>{e?.(t)}),i=a(()=>{t.style.resize=e[`auto-resize`].value||e[`no-resize`].value?`none`:e.resize.value||`vertical`,e[`auto-resize`].value&&requestAnimationFrame(d)});return()=>{r.dispose(),e.ref.value?.(null),n(),i()}}),t({attr:{error:()=>S.value||void 0,size:s.size,variant:s.variant}}),c.html`
|
|
2294
|
+
<div class="textarea-wrapper" part="wrapper">
|
|
2295
|
+
<label class="label" part="label" for="${C}" id="${E}" ?hidden="${()=>!D.value}"
|
|
2296
|
+
>${e.label}</label
|
|
2297
|
+
>
|
|
2298
|
+
<div class="field" part="field">
|
|
2299
|
+
<textarea
|
|
2300
|
+
part="textarea"
|
|
2301
|
+
ref="${u}"
|
|
2302
|
+
id="${C}"
|
|
2303
|
+
:name="${e.name}"
|
|
2304
|
+
:placeholder="${e.placeholder}"
|
|
2305
|
+
:rows="${e.rows}"
|
|
2306
|
+
:maxlength="${e.maxlength}"
|
|
2307
|
+
?disabled="${e.disabled}"
|
|
2308
|
+
?readonly="${e.readonly}"
|
|
2309
|
+
?required="${e.required}"
|
|
2310
|
+
:value="${T(m.value)}"
|
|
2311
|
+
:aria-describedby="${h}"
|
|
2312
|
+
:aria-errormessage="${g}"
|
|
2313
|
+
:aria-invalid="${_}"
|
|
2314
|
+
:aria-labelledby="${v}"></textarea>
|
|
2315
|
+
</div>
|
|
2316
|
+
<span class="${()=>b?.value.counterAtLimit?`counter at-limit`:b?.value.counterNearLimit?`counter near-limit`:`counter`}" aria-live="polite" ?hidden="${()=>!b}">${()=>b?.value.counterText.replace(` / `,`/`)??``}</span>
|
|
2317
|
+
<div id="${y}" class="helper-text" aria-live="polite" part="helper" ?hidden="${()=>!!S.value||!w.value}">
|
|
2318
|
+
${()=>w.value}
|
|
2319
|
+
</div>
|
|
2320
|
+
<div id="${x}" class="helper-text" role="alert" part="error" ?hidden="${()=>!S.value}">
|
|
2321
|
+
${()=>S.value}
|
|
2322
|
+
</div>
|
|
2323
|
+
</div>
|
|
2324
|
+
`},shadow:{delegatesFocus:!0},styles:[...ye,H(Be),ce(`textarea`),Ti]});var Di=`@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));display:inline-block;position:relative}:host([fullwidth]){display:block}:host([color=secondary]){--_selected-bg:var(--time-picker-selected-bg,var(--_theme-base))}[hidden]{display:none!important}.trigger{cursor:pointer}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.dropdown{top:calc(100% + var(--size-1));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:absolute;left: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 Oi(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 ki(e,t){return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}function Ai(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 ki(e,t)}function ji(e,t,n,r){let i=e*60+t,a=Oi(n),o=Oi(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 Mi=`ore-time-picker`;(0,c.define)(Mi,{formAssociated:!0,props:{...q,...J,...Y,...X,error:c.prop.string(),fullwidth:c.prop.bool(!1),helper:c.prop.string(),label:c.prop.string(),"label-placement":c.prop.oneOf([`inset`,`outside`],`inset`),max:c.prop.string(),min:c.prop.string(),"minute-step":c.prop.number(5),name:c.prop.string(),placeholder:c.prop.string(),required:c.prop.bool(!1),"time-format":c.prop.oneOf([`12`,`24`],`24`),value:c.prop.string(),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r,onMounted:i}){let a=(0,l.signal)(!1),o=(0,l.signal)(Oi(e.value.value)),s=$(t,e,(0,c.inject)(Q)),u=s.disabled;(0,c.useField)({disabled:u,toFormValue:e=>e||null,value:(0,l.computed)(()=>{let e=o.value;return e?ki(e.hours,e.minutes):``})});let d=(0,l.computed)(()=>e[`time-format`].value??`24`),f=(0,l.computed)(()=>Math.max(1,Math.min(59,e[`minute-step`].value??5))),p=(0,l.computed)(()=>o.value?Ai(o.value.hours,o.value.minutes,d.value):e.placeholder.value||``),m=(0,l.computed)(()=>d.value===`12`?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t)),h=(0,l.computed)(()=>{let e=f.value,t=[];for(let n=0;n<60;n+=e)t.push(n);return t}),g=`time-picker-${Math.random().toString(36).slice(2,9)}-dropdown`;function _(e){if(d.value===`24`)return e;let t=e%12;return t===0?12:t}function v(e,t){return d.value===`24`?e:t===`AM`?e===12?0:e:e===12?12:e+12}function y(t,n){let r=t*60+n,i=Oi(e.min.value),a=Oi(e.max.value);return!!(i&&r<i.hours*60+i.minutes||a&&r>a.hours*60+a.minutes)}let b=(0,l.signal)(o.value?.hours??0),x=(0,l.signal)(o.value?.minutes??0),S=(0,l.signal)((o.value?.hours??0)>=12?`PM`:`AM`),C=e.value.value;i(()=>{let t=setInterval(()=>{let t=e.value.value;if(t!==C){C=t;let e=Oi(t);o.value=e,e&&(b.value=e.hours,x.value=e.minutes,S.value=e.hours>=12?`PM`:`AM`)}},50);return()=>clearInterval(t)});function w(t,n){let i=ji(t,n,e.min.value,e.max.value),a=Math.round(i.minutes/f.value)*f.value,s=Math.min(a,59);o.value={hours:i.hours,minutes:s},r(`change`,{value:ki(i.hours,s)})}function T(e){let t=d.value===`12`?v(b.value,S.value):b.value;x.value=e,w(t,e),D()}function E(){if(u.value)return;let e=o.value;e?(b.value=d.value===`12`?_(e.hours):e.hours,x.value=e.minutes,S.value=e.hours>=12?`PM`:`AM`):(b.value=d.value===`12`?12:0,x.value=0,S.value=`AM`),a.value=!0}function D(){a.value=!1}function O(){a.value?D():E()}function k(e){a.value&&(e.composedPath().includes(n)||D())}i(()=>(document.addEventListener(`pointerdown`,k,{capture:!0}),()=>document.removeEventListener(`pointerdown`,k,{capture:!0})));function A(e){u.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),O()):e.key===`Escape`&&a.value?(e.preventDefault(),D()):(e.key===`ArrowDown`||e.key===`ArrowUp`)&&!a.value&&(e.preventDefault(),E()))}function j(e){e.key===`Escape`&&(e.preventDefault(),D())}function M(e){let t=m.value,n=t.indexOf(b.value);e.key===`ArrowUp`?(e.preventDefault(),b.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),b.value=t[(n+1)%t.length])}function N(e){let t=h.value,n=t.indexOf(x.value);e.key===`ArrowUp`?(e.preventDefault(),x.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),x.value=t[(n+1)%t.length])}function P(e){(e.key===`ArrowUp`||e.key===`ArrowDown`)&&(e.preventDefault(),S.value=S.value===`AM`?`PM`:`AM`)}return t({attr:{open:()=>a.value?!0:void 0}}),c.html`
|
|
2325
|
+
<!-- Trigger -->
|
|
2326
|
+
<ore-input
|
|
2327
|
+
class="trigger"
|
|
2328
|
+
readonly
|
|
2329
|
+
tabindex="0"
|
|
2330
|
+
role="combobox"
|
|
2331
|
+
aria-haspopup="listbox"
|
|
2332
|
+
aria-controls="${g}"
|
|
2333
|
+
:aria-expanded="${()=>String(a.value)}"
|
|
2334
|
+
:aria-disabled="${()=>u.value?`true`:null}"
|
|
2335
|
+
:value="${()=>p.value}"
|
|
2336
|
+
:label="${()=>e.label.value??``}"
|
|
2337
|
+
:placeholder="${()=>e.placeholder.value??``}"
|
|
2338
|
+
:label-placement="${()=>e[`label-placement`].value??`inset`}"
|
|
2339
|
+
:color="${()=>e.color?.value??void 0}"
|
|
2340
|
+
:size="${()=>s.size?.value??void 0}"
|
|
2341
|
+
:variant="${()=>s.variant?.value??void 0}"
|
|
2342
|
+
:rounded="${()=>e.rounded?.value??void 0}"
|
|
2343
|
+
:helper="${()=>e.helper.value??``}"
|
|
2344
|
+
:error="${()=>e.error.value??``}"
|
|
2345
|
+
?disabled="${()=>u.value?!0:void 0}"
|
|
2346
|
+
?required="${()=>e.required.value?!0:void 0}"
|
|
2347
|
+
?fullwidth="${()=>e.fullwidth.value?!0:void 0}"
|
|
2348
|
+
@click="${O}"
|
|
2349
|
+
@keydown="${A}">
|
|
2350
|
+
<ore-icon slot="suffix" name="clock" size="16" stroke-width="1.75" aria-hidden="true"></ore-icon>
|
|
2351
|
+
</ore-input>
|
|
2352
|
+
|
|
2353
|
+
<!-- Dropdown -->
|
|
2354
|
+
<div
|
|
2355
|
+
class="dropdown"
|
|
2356
|
+
id="${g}"
|
|
2357
|
+
role="listbox"
|
|
2358
|
+
aria-label="${()=>e.label.value?`${e.label.value} — select time`:`Select time`}"
|
|
2359
|
+
?data-open="${a}"
|
|
2360
|
+
@keydown="${j}">
|
|
2361
|
+
<div class="cols-row">
|
|
2362
|
+
<!-- Hours column -->
|
|
2363
|
+
<div class="col" part="column" role="group" aria-label="Hours">
|
|
2364
|
+
<div class="col-label" aria-hidden="true">HH</div>
|
|
2365
|
+
<div class="col-scroll">
|
|
2366
|
+
${()=>m.value.map(e=>{let t=y(d.value===`12`?v(e,S.value):e,x.value);return c.html`<div
|
|
2367
|
+
class="option"
|
|
2368
|
+
part="option"
|
|
2369
|
+
role="option"
|
|
2370
|
+
tabindex="${()=>b.value===e&&!t?`0`:`-1`}"
|
|
2371
|
+
:aria-selected="${()=>String(b.value===e)}"
|
|
2372
|
+
:aria-disabled="${()=>String(t)}"
|
|
2373
|
+
?data-disabled="${()=>t}"
|
|
2374
|
+
@click="${()=>{t||(b.value=e)}}"
|
|
2375
|
+
@keydown="${M}">
|
|
2376
|
+
${String(e).padStart(2,`0`)}
|
|
2377
|
+
</div>`})}
|
|
2378
|
+
</div>
|
|
2379
|
+
</div>
|
|
2380
|
+
|
|
2381
|
+
<div class="col-sep" aria-hidden="true">:</div>
|
|
2382
|
+
|
|
2383
|
+
<!-- Minutes column -->
|
|
2384
|
+
<div class="col" part="column" role="group" aria-label="Minutes">
|
|
2385
|
+
<div class="col-label" aria-hidden="true">MM</div>
|
|
2386
|
+
<div class="col-scroll">
|
|
2387
|
+
${()=>h.value.map(e=>{let t=y(d.value===`12`?v(b.value,S.value):b.value,e);return c.html`<div
|
|
2388
|
+
class="option"
|
|
2389
|
+
part="option"
|
|
2390
|
+
role="option"
|
|
2391
|
+
tabindex="${()=>x.value===e&&!t?`0`:`-1`}"
|
|
2392
|
+
:aria-selected="${()=>String(x.value===e)}"
|
|
2393
|
+
:aria-disabled="${()=>String(t)}"
|
|
2394
|
+
?data-disabled="${()=>t}"
|
|
2395
|
+
@click="${()=>{t||T(e)}}"
|
|
2396
|
+
@keydown="${N}">
|
|
2397
|
+
${String(e).padStart(2,`0`)}
|
|
2398
|
+
</div>`})}
|
|
2399
|
+
</div>
|
|
2400
|
+
</div>
|
|
2401
|
+
|
|
2402
|
+
<!-- AM/PM column (12h mode only) -->
|
|
2403
|
+
${()=>d.value===`12`?c.html` <div class="col col-period" part="column" role="group" aria-label="Period">
|
|
2404
|
+
<div class="col-label" aria-hidden="true">AM/PM</div>
|
|
2405
|
+
<div class="col-scroll">
|
|
2406
|
+
${[`AM`,`PM`].map(e=>c.html`<div
|
|
2407
|
+
class="option"
|
|
2408
|
+
part="option"
|
|
2409
|
+
role="option"
|
|
2410
|
+
tabindex="${()=>S.value===e?`0`:`-1`}"
|
|
2411
|
+
:aria-selected="${()=>String(S.value===e)}"
|
|
2412
|
+
@click="${()=>{S.value=e}}"
|
|
2413
|
+
@keydown="${P}">
|
|
2414
|
+
${e}
|
|
2415
|
+
</div>`)}
|
|
2416
|
+
</div>
|
|
2417
|
+
</div>`:c.html``}
|
|
2418
|
+
</div>
|
|
2419
|
+
</div>
|
|
2420
|
+
`},shadow:{delegatesFocus:!0},styles:[W,z,Di]});var Ni=`@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%}}`,Pi=`ore-box`;(0,c.define)(Pi,{props:{color:c.prop.string(),effect:c.prop.string(),elevation:c.prop.number(),fullwidth:c.prop.bool(),padding:c.prop.string(),rounded:c.prop.string(),variant:c.prop.string()},setup(){return c.html`<div class="box" part="box"><slot></slot></div>`},styles:[...ve,ge(`.box`),me(`.box`),Ni]});var Fi=`@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}}`,Ii=`ore-grid-item`;(0,c.define)(Ii,{props:{align:c.prop.string(),area:c.prop.string(),col:c.prop.string(),colSpan:c.prop.string(),justify:c.prop.string(),row:c.prop.string(),rowSpan:c.prop.string()},setup(e,{bind:t,el:n}){let r=(0,l.computed)(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),i=(0,l.computed)(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return t({style:{gridArea:e.area,gridColumn:r,gridRow:i}}),c.html`<slot></slot>`},styles:[Fi]});var Li=`@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%}}`,Ri=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],zi=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],Bi=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},Vi={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},Hi=`ore-grid`;(0,c.define)(Hi,{props:{align:c.prop.string(),areas:c.prop.string(),areas2xl:c.prop.string(),areasLg:c.prop.string(),areasMd:c.prop.string(),areasSm:c.prop.string(),areasXl:c.prop.string(),cols:c.prop.string(),cols2xl:c.prop.string(),colsLg:c.prop.string(),colsMd:c.prop.string(),colsSm:c.prop.string(),colsXl:c.prop.string(),flow:c.prop.string(),fullwidth:c.prop.bool(!1),gap:c.prop.string(),justify:c.prop.string(),minColWidth:c.prop.string(),responsive:c.prop.bool(!1),rows:c.prop.string()},setup(e,{el:t,onMounted:n,watch:r}){let i=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,a=()=>{let n=t.offsetWidth,r=!!e.responsive.value,a=e.minColWidth.value??``,o;for(let[r,i]of Ri)if(n>=Bi(t,i,Vi[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=i(o,r,a);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};r(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,a()});let o=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of zi)if(n>=Bi(t,a,Vi[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 r(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),r(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,o()}),n(()=>{let e=lr(t);r(()=>{e.value,a(),o()})}),c.html`<slot></slot>`},styles:[Li]});var Ui=`@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,40);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky,40);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{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{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;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);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([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}}}`,Wi=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},Gi=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,Ki=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},qi=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Ji=e=>{let t=qi(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Yi=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},Xi=(0,c.createContext)(`NavbarContext`),Zi=`ore-navbar`;(0,c.define)(Zi,{props:{breakpoint:c.prop.string(`(max-width: 768px)`),color:c.prop.string(),"container-breakpoints":c.prop.bool(!1),elevation:c.prop.number(),floating:c.prop.bool(!1),label:c.prop.string(`Main navigation`),"mobile-sidebar":c.prop.string(),rounded:c.prop.string(),"scroll-threshold":c.prop.number(80),sticky:c.prop.bool(!1),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r,onMounted:i,provide:a,slots:o}){let s=()=>o.has(`logo`).value,u=()=>o.elements(`mobile-menu`).value.some(Gi),d=(0,l.signal)(null),f=(0,l.signal)(!1),p=(0,l.signal)(!1),m=(0,l.signal)(!1),h=(0,l.signal)(!1),g=(0,l.signal)(!1),_=(0,l.signal)(!1),v=(0,l.signal)(0),y=(0,l.signal)(!1),b=(0,l.signal)(!1),x=(0,l.signal)(Ki(e.breakpoint.value)),S=(0,l.signal)(!1),C=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(t):null)??document.querySelector(t)};a(Xi,{isMobile:(0,l.computed)(()=>m.value),mobileMenuOpen:(0,l.computed)(()=>h.value)});let w=()=>{if(e.floating.value&&e.sticky.value)return _.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},T=e=>{let t=!!e;if(!u()){let e=d.value??C();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!u()||h.value!==t&&(h.value=t,r(`mobile-menu-change`,{open:t}))},E=()=>T(!1),D=()=>T(!0),O=()=>{if(!u()){let e=d.value??C();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}}T(!h.value)},k=()=>{let e=(d.value&&!u()?f.value:!1)||y.value||b.value;m.value=e,e||E()},A=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,j=e=>{v.value=A(e)},M=(t=null)=>{if(!(e.floating.value&&e.sticky.value)){_.value&&=!1;return}let n=Math.max(0,Number(e[`scroll-threshold`].value)||0);_.value=A(t)-v.value>n};return t({attr:{"data-mobile":()=>m.value?!0:void 0,"data-mobile-open":()=>m.value&&h.value?!0:void 0,"data-mode":()=>w()??null,"data-mode-transitioning":()=>g.value?!0:void 0,"data-preview-mode":()=>S.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&_.value?!0:void 0}}),i(()=>{let t=n,r=Yi(n);t.closeMobileMenu=E,t.openMobileMenu=D,t.toggleMobileMenu=O;let i=Wi(window,`scroll`,()=>{M(r)},{passive:!0}),a=r?Wi(r,`scroll`,()=>{M(r)},{passive:!0}):void 0,o=Wi(n,`keydown`,e=>{e.key!==`Escape`||!h.value||E()}),s,c,m,v,T=()=>{c?.(),c=void 0,d.value=null,f.value=!1,p.value=!1;let e=C();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);f.value=n,p.value=t?.detail?t.detail.open:r,p.value&&!f.value&&(f.value=!0),k()},n=new MutationObserver(()=>{t()});t(),n.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,t),c=()=>{n.disconnect(),e.removeEventListener(`mobile-open-change`,t)},d.value=e},A=()=>{g.value=!0,m!=null&&clearTimeout(m),m=setTimeout(()=>{g.value=!1,m=void 0},220)},N=(0,l.watch)((0,l.computed)(()=>e.floating.value&&e.sticky.value),e=>{if(!e){_.value&&=!1,g.value&&=!1,v=void 0,m!=null&&(clearTimeout(m),m=void 0);return}j(r),M(r),v=w()},{immediate:!0}),P=(0,l.watch)(e[`mobile-sidebar`],()=>{T()},{immediate:!0}),F=(0,l.watch)((0,l.computed)(()=>w()),t=>{if(!(e.floating.value&&e.sticky.value)){v=t??void 0;return}let n=t??void 0;v&&n&&v!==n&&A(),v=n},{immediate:!0}),ee=(0,l.watch)((0,l.computed)(()=>u()),e=>{!e&&h.value&&E()},{immediate:!0});(0,l.watch)(e.breakpoint,t=>{s?.(),s=void 0;let r=String(t??``).trim();x.value=Ki(r),y.value=!1;let i=Ji(n);if(b.value=i>0&&x.value!=null?i<=x.value:!1,k(),e[`container-breakpoints`].value&&x.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{y.value=e,k()},c=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,c),s=()=>{a.removeEventListener(`change`,c)}},{immediate:!0});let I=typeof ResizeObserver==`function`?(()=>{let e=lr(n),t=n.parentElement,r=qi(n),i=t?lr(t):void 0,a=r&&r!==t?lr(r):void 0;return(0,l.watch)((0,l.computed)(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=Ji(n),t=qi(n)?.clientWidth??0;b.value=e>0&&x.value!=null?e<=x.value:!1,S.value=t>0&&t<window.innerWidth,k()})})():void 0;return()=>{o?.(),i?.(),a?.(),N?.dispose(),F?.dispose(),ee?.dispose(),P?.dispose(),s?.(),c?.(),I?.dispose(),m!=null&&(clearTimeout(m),m=void 0)}}),c.html`
|
|
2421
|
+
<nav part="nav" aria-label="${e.label}">
|
|
2422
|
+
<div class="navbar" part="bar">
|
|
2423
|
+
<div class="navbar-logo" part="logo" ?hidden=${()=>!s()}>
|
|
2424
|
+
<slot name="logo"></slot>
|
|
2425
|
+
</div>
|
|
2426
|
+
|
|
2427
|
+
<div class="navbar-start" part="start">
|
|
2428
|
+
<slot name="start"></slot>
|
|
2429
|
+
</div>
|
|
2430
|
+
|
|
2431
|
+
<div class="navbar-center" part="center">
|
|
2432
|
+
<slot></slot>
|
|
2433
|
+
</div>
|
|
2434
|
+
|
|
2435
|
+
<div class="navbar-end" part="end">
|
|
2436
|
+
<slot name="end"></slot>
|
|
2437
|
+
</div>
|
|
2438
|
+
|
|
2439
|
+
<button
|
|
2440
|
+
class="mobile-toggle"
|
|
2441
|
+
part="mobile-toggle"
|
|
2442
|
+
type="button"
|
|
2443
|
+
aria-label="${()=>u()?h.value?`Close navigation menu`:`Open navigation menu`:p.value?`Close navigation menu`:`Open navigation menu`}"
|
|
2444
|
+
aria-controls="mobile-menu-panel"
|
|
2445
|
+
aria-expanded="${()=>String(u()?h.value:p.value)}"
|
|
2446
|
+
?hidden=${()=>!m.value||!u()&&!d.value}
|
|
2447
|
+
@click="${O}">
|
|
2448
|
+
<ore-icon
|
|
2449
|
+
name="${()=>(u()?h.value:p.value)?`x`:`menu`}"
|
|
2450
|
+
size="18"
|
|
2451
|
+
stroke-width="2.5"
|
|
2452
|
+
aria-hidden="true"></ore-icon>
|
|
2453
|
+
</button>
|
|
2454
|
+
</div>
|
|
2455
|
+
|
|
2456
|
+
<div
|
|
2457
|
+
id="mobile-menu-panel"
|
|
2458
|
+
class="mobile-menu-panel"
|
|
2459
|
+
part="mobile-menu"
|
|
2460
|
+
role="navigation"
|
|
2461
|
+
:aria-label="${()=>`${e.label.value} mobile menu`}"
|
|
2462
|
+
?hidden=${()=>!m.value||!h.value||!u()}>
|
|
2463
|
+
<slot name="mobile-menu"></slot>
|
|
2464
|
+
</div>
|
|
2465
|
+
</nav>
|
|
2466
|
+
`},styles:[W,se,V,R,z,ge(`.navbar`),Ui]});var Qi=`ore-navbar-item`;(0,c.define)(Qi,{props:{active:c.prop.bool(!1),disabled:c.prop.bool(!1),href:c.prop.string(),rel:c.prop.string(),target:c.prop.string()},setup(e,{bind:t,slots:n}){let r=()=>n.has(`icon`).value,i=()=>n.has(`end`).value,a=(0,c.inject)(Xi);t({attr:{"navbar-mobile":()=>a?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>a?.mobileMenuOpen.value?!0:void 0}});let o=()=>!!e.href.value&&!e.disabled.value,s=(0,l.computed)(()=>mn(e.rel.value,e.target.value)),u=()=>c.html`
|
|
2467
|
+
<span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
2468
|
+
<slot name="icon"></slot>
|
|
2469
|
+
</span>
|
|
2470
|
+
<span class="item-label" part="item-label"><slot></slot></span>
|
|
2471
|
+
<span class="item-end" part="item-end" ?hidden=${()=>!i()}>
|
|
2472
|
+
<slot name="end"></slot>
|
|
2473
|
+
</span>
|
|
2474
|
+
`;return c.html`
|
|
2475
|
+
${()=>o()?c.html`
|
|
2476
|
+
<a
|
|
2477
|
+
class="item"
|
|
2478
|
+
part="item"
|
|
2479
|
+
href="${e.href}"
|
|
2480
|
+
:rel="${s}"
|
|
2481
|
+
:target="${e.target}"
|
|
2482
|
+
aria-current="${()=>e.active.value?`page`:null}">
|
|
2483
|
+
${u()}
|
|
2484
|
+
</a>
|
|
2485
|
+
`:e.disabled.value?c.html`<div class="item" part="item" tabindex="-1" aria-disabled="true">${u()}</div>`:c.html`<button class="item" part="item" type="button">${u()}</button>`}
|
|
2486
|
+
`},styles:[R,Ui]});var $i=`@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}}`,ea=`@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:var(--size-2);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}}`,ta=`.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,40) + 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,40) + 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,40) + 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,40) + 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,40) + 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,40) + 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,40) + 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:var(--size-2)}: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}}`,na=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},ra=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},ia=e=>{let t=ra(e)?.clientWidth??0;return t>0?t:e.offsetWidth},aa=(0,c.createContext)(`SidebarContext`),oa=`ore-sidebar`;(0,c.define)(oa,{props:{"bottom-nav-at":c.prop.string(),collapsed:c.prop.bool(!1),collapsible:c.prop.bool(!1),"container-breakpoints":c.prop.bool(!1),"default-collapsed":c.prop.bool(!1),label:c.prop.string(`Sidebar navigation`),responsive:c.prop.string(),variant:c.prop.string()},setup(e,{bind:t,el:n,emit:r,onMounted:i,provide:a,slots:o}){let s=()=>o.has(`header`).value,u=()=>o.has(`footer`).value,d=()=>o.has(`logo`).value,f=(0,l.signal)(n.hasAttribute(`collapsed`)),p=(0,l.signal)(f.value?n.hasAttribute(`collapsed`):e[`default-collapsed`].value),m=(0,l.signal)(!1),h=(0,l.signal)(!1),g=(0,l.signal)([]),_=(0,l.signal)(!1),v=(0,l.signal)(!1),y=(0,l.signal)(na(e.responsive.value)),b=(0,l.signal)(!!String(e.responsive.value??``).trim()),x=(0,l.signal)(!1),S=(0,l.signal)(!1),C=(0,l.signal)(na(e[`bottom-nav-at`].value)),w=(0,l.signal)(!1),T=()=>p.value,E=(0,l.computed)(()=>m.value?`bottom-nav`:p.value?`collapsed`:`default`),D=()=>{let t=e[`container-breakpoints`].value,n=t?v.value:_.value||v.value,r=t?S.value:x.value||S.value;h.value||(m.value=r),!r&&!h.value&&A(!1,`responsive`),b.value&&k(n,`responsive`)},O=()=>{g.value=o.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}})};a(aa,{collapsed:(0,l.computed)(()=>!m.value&&p.value),mobileOpen:(0,l.computed)(()=>m.value&&h.value),mode:E,variant:e.variant});let k=(e,t)=>{T()!==e&&(f.value||(p.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},A=(e,t)=>{let n=!!e;if(n&&!m.value&&(m.value=!0),!m.value&&!n){h.value&&=!1;return}h.value!==n&&(h.value=n,n||D(),r(`mobile-open-change`,{open:n,source:t}))},j=()=>{k(!T(),`toggle`)},M=n;return M.setCollapsed=e=>k(!!e,`api`),M.toggle=j,M.openMobile=()=>A(!0,`api`),M.closeMobile=()=>A(!1,`api`),M.toggleMobile=()=>A(!h.value,`toggle`),t({attr:{"data-bottom-nav":()=>m.value?!0:void 0,"data-collapsed":()=>T()&&!m.value?!0:void 0,"data-mobile-open":()=>m.value&&h.value?!0:void 0,"data-preview-mode":()=>w.value?!0:void 0}}),i(()=>{n.setAttribute(`data-no-transition`,``);let t=!1,r=()=>{t||(t=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let i,a,s=new Map,c=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!f.value||(f.value=!0,p.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),(0,l.watch)(e.responsive,t=>{i?.(),i=void 0;let r=String(t??``).trim();b.value=!!r,y.value=na(r),_.value=!1;let a=ia(n);if(v.value=a>0&&y.value!=null?a<=y.value:!1,D(),e[`container-breakpoints`].value&&y.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{_.value=e.matches,D()};_.value=o.matches,D(),o.addEventListener(`change`,s),i=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),(0,l.watch)(e[`bottom-nav-at`],t=>{a?.(),a=void 0;let r=String(t??``).trim();C.value=na(r),x.value=!1;let i=ia(n);if(S.value=i>0&&C.value!=null?i<=C.value:!1,D(),e[`container-breakpoints`].value&&C.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{x.value=e.matches,D()};x.value=o.matches,D(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0});let u=typeof ResizeObserver==`function`?(()=>{let e=lr(n),t=n.parentElement,i=ra(n),a=t?lr(t):void 0,o=i&&i!==t?lr(i):void 0,s;return(0,l.watch)((0,l.computed)(()=>[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=ra(n),t=ia(n),i=v.value,a=S.value,o=e?.clientWidth??0;w.value=o>0&&o<window.innerWidth,v.value=t>0&&y.value!=null?t<=y.value:!1,S.value=t>0&&C.value!=null?t<=C.value:!1,(i!==v.value||a!==S.value)&&D(),r()})})})():void 0,d=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(()=>{m.value&&O()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),s.set(t,e)}};return(0,l.watch)(o.elements(),e=>{d(e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`)),O()},{immediate:!0}),()=>{c.disconnect(),i?.(),a?.(),u?.dispose();for(let e of s.values())e.disconnect();s.clear()}}),c.html`
|
|
2487
|
+
<button
|
|
2488
|
+
class="mobile-backdrop"
|
|
2489
|
+
part="mobile-backdrop"
|
|
2490
|
+
type="button"
|
|
2491
|
+
aria-label="Close sidebar"
|
|
2492
|
+
?hidden=${()=>!m.value||!h.value}
|
|
2493
|
+
@click=${()=>A(!1,`toggle`)}></button>
|
|
2494
|
+
<nav aria-label="${e.label}" part="nav">
|
|
2495
|
+
<div class="sidebar-header" part="header" ?hidden=${()=>!s()&&!e.collapsible.value}>
|
|
2496
|
+
<span class="sidebar-logo" ?hidden=${()=>!d()}>
|
|
2497
|
+
<slot name="logo"></slot>
|
|
2498
|
+
</span>
|
|
2499
|
+
<span class="sidebar-header-content">
|
|
2500
|
+
<slot name="header"></slot>
|
|
2501
|
+
</span>
|
|
2502
|
+
<button
|
|
2503
|
+
class="toggle-btn"
|
|
2504
|
+
part="toggle-btn"
|
|
2505
|
+
type="button"
|
|
2506
|
+
?hidden=${()=>!e.collapsible.value}
|
|
2507
|
+
aria-label="${()=>T()?`Expand sidebar`:`Collapse sidebar`}"
|
|
2508
|
+
aria-expanded="${()=>!T()}"
|
|
2509
|
+
@click="${j}">
|
|
2510
|
+
<span class="toggle-icon" aria-hidden="true">
|
|
2511
|
+
<ore-icon name="chevron-left" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2512
|
+
</span>
|
|
2513
|
+
</button>
|
|
2514
|
+
</div>
|
|
2515
|
+
<div class="sidebar-content" part="content">
|
|
2516
|
+
<slot></slot>
|
|
2517
|
+
</div>
|
|
2518
|
+
<div class="sidebar-footer" part="footer" ?hidden=${()=>!u()}>
|
|
2519
|
+
<slot name="footer"></slot>
|
|
2520
|
+
</div>
|
|
2521
|
+
</nav>
|
|
2522
|
+
|
|
2523
|
+
<div class="bottom-bar" part="bottom-bar" ?hidden=${()=>!m.value}>
|
|
2524
|
+
${()=>g.value.map(e=>{let t=`bottom-tab${e.active?` bottom-tab-active`:``}`;return e.href&&!e.disabled?c.html`
|
|
2525
|
+
<a
|
|
2526
|
+
class="${t}"
|
|
2527
|
+
href="${e.href}"
|
|
2528
|
+
aria-current="${e.active?`page`:null}"
|
|
2529
|
+
data-active="${e.active?`true`:null}">
|
|
2530
|
+
<span class="bottom-tab-icon" aria-hidden="true" ?hidden=${()=>!e.iconName}>
|
|
2531
|
+
<ore-icon :name="${e.iconName}" size="18" stroke-width="2"></ore-icon>
|
|
2532
|
+
</span>
|
|
2533
|
+
<span class="bottom-tab-label">${e.label}</span>
|
|
2534
|
+
</a>
|
|
2535
|
+
`:c.html`
|
|
2536
|
+
<button
|
|
2537
|
+
class="${t}"
|
|
2538
|
+
type="button"
|
|
2539
|
+
?disabled=${e.disabled}
|
|
2540
|
+
aria-current="${e.active?`page`:null}"
|
|
2541
|
+
data-active="${e.active?`true`:null}"
|
|
2542
|
+
@click=${()=>e.source.click()}>
|
|
2543
|
+
<span class="bottom-tab-icon" aria-hidden="true" ?hidden=${()=>!e.iconName}>
|
|
2544
|
+
<ore-icon :name="${e.iconName}" size="18" stroke-width="2"></ore-icon>
|
|
2545
|
+
</span>
|
|
2546
|
+
<span class="bottom-tab-label">${e.label}</span>
|
|
2547
|
+
</button>
|
|
2548
|
+
`})}
|
|
2549
|
+
</div>
|
|
2550
|
+
`},styles:[R,z,ta]});var sa=`ore-sidebar-group`;(0,c.define)(sa,{props:{collapsible:c.prop.bool(!1),"default-open":c.prop.bool(!0),label:c.prop.string(),open:{default:void 0,parse:e=>e==null?void 0:e===``||e===`true`,reflect:!1}},setup(e,{bind:t,slots:n}){let r=()=>n.has(`icon`).value,i=(0,c.inject)(aa);t({attr:{"sidebar-bottom-nav":()=>i?.mode.value===`bottom-nav`&&!i?.mobileOpen.value?!0:void 0,"sidebar-collapsed":()=>i?.collapsed.value?!0:void 0}});let a=()=>e.open.value!==void 0,o=(0,l.signal)(e[`default-open`].value),s=(0,l.computed)(()=>e.collapsible.value?a()?e.open.value??!1:o.value:!0);return(0,l.watch)(e.open,e=>{e!==void 0&&(o.value=e)}),t({attr:{open:()=>s.value?!0:void 0}}),c.html`
|
|
2551
|
+
<details class="group" part="group" ?open=${s}>
|
|
2552
|
+
<summary
|
|
2553
|
+
class="group-header"
|
|
2554
|
+
part="group-header"
|
|
2555
|
+
aria-expanded="${()=>e.collapsible.value?String(e.open.value):null}"
|
|
2556
|
+
@click=${t=>{e.collapsible.value||t.preventDefault()}}>
|
|
2557
|
+
<span class="group-icon" part="group-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
2558
|
+
<slot name="icon"></slot>
|
|
2559
|
+
</span>
|
|
2560
|
+
<span class="group-label" part="group-label">${e.label}</span>
|
|
2561
|
+
<span class="chevron" ?hidden=${()=>!e.collapsible.value} aria-hidden="true">
|
|
2562
|
+
<ore-icon name="chevron-right" size="12" stroke-width="2" aria-hidden="true"></ore-icon>
|
|
2563
|
+
</span>
|
|
2564
|
+
</summary>
|
|
2565
|
+
<div class="group-items" part="group-items" role="list">
|
|
2566
|
+
<slot></slot>
|
|
2567
|
+
</div>
|
|
2568
|
+
</details>
|
|
2569
|
+
`},styles:[z,$i]});var ca=`ore-sidebar-item`;(0,c.define)(ca,{props:{active:c.prop.bool(!1),disabled:c.prop.bool(!1),href:c.prop.string(),rel:c.prop.string(),target:c.prop.string()},setup(e,{bind:t,slots:n}){let r=()=>n.has(`icon`).value,i=()=>n.has(`end`).value,a=(0,c.inject)(aa);t({attr:{"sidebar-bottom-nav":()=>a?.mode.value===`bottom-nav`&&!a?.mobileOpen.value?!0:void 0,"sidebar-collapsed":()=>a?.collapsed.value?!0:void 0}});let o=()=>!!e.href.value&&!e.disabled.value,s=(0,l.computed)(()=>mn(e.rel.value,e.target.value)),u=()=>c.html`
|
|
2570
|
+
<span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
2571
|
+
<slot name="icon"></slot>
|
|
2572
|
+
</span>
|
|
2573
|
+
<span class="item-label" part="item-label"><slot></slot></span>
|
|
2574
|
+
<span class="item-end" part="item-end" ?hidden=${()=>!i()}>
|
|
2575
|
+
<slot name="end"></slot>
|
|
2576
|
+
</span>
|
|
2577
|
+
`;return c.html`
|
|
2578
|
+
${()=>o()?c.html`
|
|
2579
|
+
<a
|
|
2580
|
+
class="item"
|
|
2581
|
+
part="item"
|
|
2582
|
+
href="${e.href}"
|
|
2583
|
+
:rel="${s}"
|
|
2584
|
+
:target="${e.target}"
|
|
2585
|
+
aria-current="${()=>e.active.value?`page`:null}">
|
|
2586
|
+
${u()}
|
|
2587
|
+
</a>
|
|
2588
|
+
`:e.disabled.value?c.html`
|
|
2589
|
+
<div
|
|
2590
|
+
class="item"
|
|
2591
|
+
part="item"
|
|
2592
|
+
aria-disabled="true"
|
|
2593
|
+
tabindex="-1"
|
|
2594
|
+
aria-current="${()=>e.active.value?`page`:null}">
|
|
2595
|
+
${u()}
|
|
2596
|
+
</div>
|
|
2597
|
+
`:c.html`
|
|
2598
|
+
<button
|
|
2599
|
+
class="item"
|
|
2600
|
+
part="item"
|
|
2601
|
+
type="button"
|
|
2602
|
+
?disabled="${e.disabled}"
|
|
2603
|
+
aria-current="${()=>e.active.value?`page`:null}">
|
|
2604
|
+
${u()}
|
|
2605
|
+
</button>
|
|
2606
|
+
`}
|
|
2607
|
+
`},styles:[R,ea]});function la(){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 ua(e){let t=Z(e.onCleanup),n=(0,l.signal)(!1),r=`programmatic`,i=la(),a=!1,o=Rt({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host}),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?$n(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)}})),u=dt({getBoundary:()=>e.host,getPanel:()=>{let t=e.getPanelEl();return t instanceof HTMLElement?t:null},isOpen:()=>n.value,onOpen:e.onOpen,setOpen:(t,a)=>{let s=e.dialogRef.value;if(s){if(t){if(s.open)return;s.classList.remove(`closing`),o.captureReturnFocus(),e.beforeOpen?.(s),s.showModal(),i.lock(e.host),o.applyInitialFocus(),n.value=!0;return}if(s.open){r=a,(e.performClose??(e=>e.close()))(s,a);return}n.value=!1}},signal:t}),d=e=>{c(e)&&u.close(e,!1)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?u.open(`trigger`):(t===`close`||t===`request-close`)&&d(`trigger`)},{signal:t});let f=t=>{t.preventDefault(),!e.isPersistent()&&d(`escape`)},p=t=>{e.isPersistent()||t.target===e.dialogRef.value&&d(`outsideClick`)},m=()=>{i.unlock(),e.host.removeAttribute(`open`),n.value=!1,o.restoreFocus();let t=r;r=`programmatic`,e.onNativeClose?.(t)},h=()=>{let t=e.dialogRef.value;t&&e.onEvent(t,`close`,m),(0,l.watch)(e.openProp,e=>{e?u.open(`programmatic`):u.close(`programmatic`,!1)},{immediate:!0})};return{closeWithAnimation:s,dispatchCloseRequest:c,handleBackdropClick:p,handleCancel:f,isOpen:n,overlay:u,requestClose:d,setupNativeListeners:()=>{let t=e.dialogRef.value;t&&(h(),e.onEvent(t,`click`,p),e.onEvent(t,`cancel`,f))},watchOpenProp:h}}var da=`@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::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::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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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)}}`,fa=`ore-dialog`;(0,c.define)(fa,{props:{backdrop:c.prop.string(),dismissible:c.prop.bool(!1),elevation:c.prop.string(),"initial-focus":c.prop.string(),label:c.prop.string(),open:c.prop.bool(!1),padding:c.prop.string(),persistent:c.prop.bool(!1),"return-focus":c.prop.bool(!0),rounded:c.prop.string(),size:c.prop.oneOf([`sm`,`md`,`lg`,`xl`,`full`],`md`)},setup(e,{el:t,emit:n,onCleanup:r,onEvent:i,onMounted:a,slots:o}){let s=(0,c.ref)(),l=()=>o.has(`header`).value||!!e.label.value||e.dismissible.value,u=()=>o.has(`footer`).value,{closeWithAnimation:d,overlay:f,requestClose:p,setupNativeListeners:m}=ua({dialogRef:s,getPanelEl:()=>s.value?.querySelector(`.panel`),host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:r,onEvent:i,onNativeClose:e=>n(`close`,{reason:e}),onOpen:e=>n(`open`,{reason:e}),openProp:e.open,performClose:()=>{d()},returnFocus:e[`return-focus`]});return a(()=>{if(s.value)return m(),()=>{f.dispose()}}),c.html`
|
|
2608
|
+
<dialog ref=${s} class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
2609
|
+
<div class="overlay" part="overlay" aria-hidden="true"></div>
|
|
2610
|
+
<div class="panel" part="panel" :data-size="${e.size}">
|
|
2611
|
+
<div class="header" part="header" ?hidden=${()=>!l()}>
|
|
2612
|
+
<slot name="header">
|
|
2613
|
+
<span class="title" part="title">${e.label}</span>
|
|
2614
|
+
</slot>
|
|
2615
|
+
<button
|
|
2616
|
+
class="close"
|
|
2617
|
+
part="close"
|
|
2618
|
+
type="button"
|
|
2619
|
+
aria-label="Close dialog"
|
|
2620
|
+
?hidden=${()=>!e.dismissible.value}
|
|
2621
|
+
@click=${()=>{p(`trigger`)}}>
|
|
2622
|
+
<ore-icon name="x" size="16" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2623
|
+
</button>
|
|
2624
|
+
</div>
|
|
2625
|
+
<div class="body" part="body">
|
|
2626
|
+
<slot></slot>
|
|
2627
|
+
</div>
|
|
2628
|
+
<div class="footer" part="footer" ?hidden=${()=>!u()}>
|
|
2629
|
+
<slot name="footer"></slot>
|
|
2630
|
+
</div>
|
|
2631
|
+
</div>
|
|
2632
|
+
</dialog>
|
|
2633
|
+
`},styles:[V,R,da]});var pa=`@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}}`,ma={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)`}},ha=`ore-drawer`;(0,c.define)(ha,{props:{backdrop:c.prop.string(),dismissible:c.prop.bool(!0),"drag-handle-placement":c.prop.oneOf([`outside`,`inset`],`outside`),"initial-focus":c.prop.string(),label:c.prop.string(),open:c.prop.bool(!1),persistent:c.prop.bool(!1),placement:c.prop.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":c.prop.bool(!0),size:c.prop.string(),title:c.prop.string()},setup(e,{el:t,emit:n,onCleanup:r,onEvent:i,onMounted:a,slots:o}){let s=(0,c.createStableId)(`drawer-label`),u=(0,c.ref)(),d=(0,c.ref)(),f=(0,l.signal)(!1),p,m=()=>e.label.value??e.title.value??``,h=()=>o.has(`header`).value||!!m(),g=()=>h()||e.dismissible.value,_=()=>o.has(`footer`).value,v=()=>e.placement.value||`right`,y=()=>ma[v()],b=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},x=(e,t)=>y().closingDistance(e)>=t,S=e=>{if(!f.value)return;p&&=(clearTimeout(p),void 0);let t=u.value;if(!t){f.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,A(`swipe`)},C=(e,t,n)=>{if(f.value)return;f.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),S(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;p=setTimeout(()=>{e.removeEventListener(`transitionend`,o),S(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},w=e=>{p&&=(clearTimeout(p),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,f.value=!1},T=({distance:e,threshold:t})=>{let n=d.value;if(n){if(x(e,t)){C(n,y(),e);return}w(n)}},E=Et({axis:()=>y().axis,disabled:f,onCancel:T,onCommit:({distance:e})=>{let t=d.value;t&&C(t,y(),e)},onMove:({distance:e,threshold:t})=>{let n=d.value;if(!n)return;let r=y(),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:T,shouldCommit:({distance:e,threshold:t})=>x(e,t),threshold:()=>{let e=d.value;return e?b(e,y().axis):48}}),{closeWithAnimation:D,handleCancel:O,overlay:k,requestClose:A,watchOpenProp:j}=ua({beforeOpen:e=>{let t=d.value;t&&w(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),dialogRef:u,getPanelEl:()=>d.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:r,onEvent:i,onNativeClose:t=>{let r=d.value;r&&t!==`swipe`&&w(r);let i=u.value;i&&(i.style.transition=``),n(`close`,{placement:e.placement.value??`right`,reason:t})},onOpen:t=>n(`open`,{placement:e.placement.value??`right`,reason:t}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():D()},returnFocus:e[`return-focus`]});return a(()=>{let n=u.value;if(!n)return;let r=t;r.show=()=>{k.open(`programmatic`)},r.hide=()=>{k.close(`programmatic`,!1)},j(),i(n,`cancel`,O),i(n,`click`,t=>{e.persistent.value||E.isActive()||f.value||t.target===n&&A(`outsideClick`)});let a=d.value?.querySelector(`[part="drag-handle"]`);return a&&(i(a,`pointerdown`,E.handlePointerDown),i(a,`pointermove`,E.handlePointerMove),i(a,`pointerup`,E.handlePointerUp),i(a,`pointercancel`,E.handlePointerCancel)),()=>{k.dispose()}}),c.html`
|
|
2634
|
+
<dialog
|
|
2635
|
+
ref=${u}
|
|
2636
|
+
aria-modal="true"
|
|
2637
|
+
:aria-label="${()=>e.label.value??null}"
|
|
2638
|
+
:aria-labelledby="${()=>e.label.value?null:s}">
|
|
2639
|
+
<div class="panel" part="panel" ref=${d}>
|
|
2640
|
+
<div class="drag-handle" part="drag-handle" aria-label="Drag to close" role="button"></div>
|
|
2641
|
+
<div class="header" part="header" ?hidden=${()=>!g()}>
|
|
2642
|
+
<span class="header-title" id="${s}" ?hidden=${()=>!h()}>
|
|
2643
|
+
<slot name="header">${()=>m()}</slot>
|
|
2644
|
+
</span>
|
|
2645
|
+
<button
|
|
2646
|
+
class="close-btn"
|
|
2647
|
+
part="close-btn"
|
|
2648
|
+
type="button"
|
|
2649
|
+
aria-label="Close"
|
|
2650
|
+
?hidden=${()=>!e.dismissible.value}
|
|
2651
|
+
@click=${()=>{A(`trigger`)}}>
|
|
2652
|
+
<ore-icon name="x" size="16" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
2653
|
+
</button>
|
|
2654
|
+
</div>
|
|
2655
|
+
<div class="body" part="body">
|
|
2656
|
+
<slot></slot>
|
|
2657
|
+
</div>
|
|
2658
|
+
<div class="footer" part="footer" ?hidden=${()=>!_()}>
|
|
2659
|
+
<slot name="footer"></slot>
|
|
2660
|
+
</div>
|
|
2661
|
+
</div>
|
|
2662
|
+
</dialog>
|
|
2663
|
+
`},styles:[se,G,R,z,pa]});var ga=`@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(--size-2);padding:var(--size-1-5) var(--size-3);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)}}`,_a=`@layer refine.base{:host{margin:var(--size-1) 0;border-top:var(--border) solid var(--color-contrast-200);display:block}}`,va=`@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,1000) + 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(--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(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),: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}}`,ya=`ore-menu-item`;(0,c.define)(ya,{props:{checked:c.prop.bool(!1),disabled:c.prop.bool(!1),type:c.prop.string(),value:c.prop.string()},setup(e){let t=()=>e.type.value===`checkbox`||e.type.value===`radio`,n=()=>t()&&e.checked.value;return t()?c.html`
|
|
2664
|
+
<div
|
|
2665
|
+
class="${()=>{let t=e.type.value;return[`item`,t===`checkbox`?`is-checkbox`:``,t===`radio`?`is-radio`:``,n()?`is-checked`:``].filter(Boolean).join(` `)}}"
|
|
2666
|
+
tabindex="-1"
|
|
2667
|
+
role="${()=>e.type.value===`checkbox`?`menuitemcheckbox`:e.type.value===`radio`?`menuitemradio`:`menuitem`}"
|
|
2668
|
+
aria-checked="${()=>String(n())}"
|
|
2669
|
+
aria-disabled="${e.disabled}">
|
|
2670
|
+
<span class="item-check" aria-hidden="true"></span>
|
|
2671
|
+
<span class="icon-slot"><slot name="icon"></slot></span>
|
|
2672
|
+
<span class="item-label"><slot></slot></span>
|
|
2673
|
+
</div>
|
|
2674
|
+
`:c.html`
|
|
2675
|
+
<div class="item" tabindex="-1" role="menuitem" aria-disabled="${e.disabled}">
|
|
2676
|
+
<span class="icon-slot"><slot name="icon"></slot></span>
|
|
2677
|
+
<span class="item-label"><slot></slot></span>
|
|
2678
|
+
</div>
|
|
2679
|
+
`},styles:[ga]}),(0,c.define)(`ore-menu-separator`,{setup(){return c.html``},styles:[_a]});var ba=e=>e===`checkbox`||e===`radio`,xa=`ore-menu`;(0,c.define)(xa,{props:{...J,...Y,placement:c.prop.oneOf([`bottom`,`bottom-start`,`bottom-end`,`top`,`top-start`,`top-end`],`bottom-start`)},setup(e,{aria:t,bind:n,el:r,emit:i,onCleanup:a,onMounted:o,slots:s,watch:u}){let d=(0,c.createStableId)(`menu`),f=(0,l.computed)(()=>!!e.disabled.value),p=Z(a),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 b=ht({getBoundary:()=>r,getItems:_,getPanel:()=>h,getReference:()=>m,getTrigger:()=>m,isDisabled:()=>f.value,isItemDisabled:e=>e.hasAttribute(`disabled`),onClose:e=>i(`close`,{reason:e}),onNavigate:(e,t)=>{let n=_()[t];v(n)?.focus()},onOpen:e=>i(`open`,{reason:e}),positioning:{getPlacement:()=>e.placement.value??`bottom-start`,matchWidth:!1,offsetPx:4,padding:6},signal:p}),{isOpen:x}=b,S=e=>{let t=e.getAttribute(`type`),n=ba(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`)??``;i(`select`,{checked:n?e.hasAttribute(`checked`):void 0,value:a}),n||b.close(`programmatic`)},C=tt({keys:[`Enter`,` `,`ArrowDown`],onPress:()=>{b.open(`keyboard`),requestAnimationFrame(()=>b.set(0))}}),w=tt({onPress:()=>{let e=b.getActiveItem();e&&S(e)}});function T(e){if(f.value)return;if(!x.value){C.handleKeydown(e);return}let t=y();if(t>=0&&b.set(t),!b.handleKeydown(e)){if(e.key===` `||e.key===`Enter`){w.handleKeydown(e);return}e.key===`Tab`&&b.close(`programmatic`)}}n({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`)||S(n)}}}),u(()=>{let e=x.value;h&&h.toggleAttribute(`data-open`,e)});function E(){if(g?.(),g=null,m=s.elements(`trigger`).value?.[0]??null,!m)return;let e=[],n=t(m,{controls:()=>d,disabled:()=>f.value,expanded:()=>String(x.value),haspopup:`menu`}),r=e=>{e.stopPropagation(),!f.value&&b.toggle()},i=e=>{T(e)};m.addEventListener(`click`,r),m.addEventListener(`keydown`,i),e.push(()=>m?.removeEventListener(`click`,r)),e.push(()=>m?.removeEventListener(`keydown`,i)),g=()=>{n();for(let t of e)t()}}return(0,l.watch)(s.elements(`trigger`),E,{immediate:!0}),o(()=>()=>{g?.(),g=null}),c.html`
|
|
2680
|
+
<slot name="trigger"></slot>
|
|
2681
|
+
<div
|
|
2682
|
+
class="menu-panel"
|
|
2683
|
+
part="panel"
|
|
2684
|
+
id="${d}"
|
|
2685
|
+
role="menu"
|
|
2686
|
+
aria-orientation="vertical"
|
|
2687
|
+
@keydown="${T}"
|
|
2688
|
+
ref="${e=>{h=e}}">
|
|
2689
|
+
<slot></slot>
|
|
2690
|
+
</div>
|
|
2691
|
+
`},styles:[va,H(),G]});var Sa=`.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)}}`,Ca=4,wa=[`hover`,`focus`],Ta=new Set([`click`,`focus`,`hover`]),Ea=e=>{if(e==null||e.trim()===``)return 0;let t=Number(e);return Number.isFinite(t)&&t>=0?t:0},Da=e=>e==null?void 0:e===``||e===`true`,Oa=e=>Wt(e,Ta,wa),ka=`ore-tooltip`;(0,c.define)(ka,{props:{...J,...Y,"close-delay":{default:0,parse:Ea},content:c.prop.string(),delay:{default:0,parse:Ea},open:{default:void 0,parse:Da},placement:c.prop.oneOf([`top`,`bottom`,`left`,`right`],`top`),trigger:c.prop.string(`hover,focus`),variant:c.prop.string()},setup(e,{aria:t,el:n,onCleanup:r,onMounted:i,slots:a}){let o=n.shadowRoot,s=(0,l.computed)(()=>!!e.disabled.value),u=(0,l.computed)(()=>e.open.value!==void 0),d=(0,l.signal)(`top`),f=(0,c.createStableId)(`tooltip`),p=(0,l.computed)(()=>Oa(e.trigger.value)),m=null,h=null,g=null,_=()=>{h&&=(clearTimeout(h),null)},v=()=>{g&&=(clearTimeout(g),null)},y=Pr({bindTriggerAria:e=>t(e,{describedby:()=>f}),disabled:s,getPanel:()=>m,offset:8,onCleanup:r,onPlacementChange:e=>{let t=e.split(`-`)[0];d.value=t,t===`left`&&m&&(m.style.left=`${parseFloat(m.style.left)-Ca}px`)},openProp:e.open,placement:(0,l.computed)(()=>e.placement.value),slot:()=>o?.querySelector(`slot:not([name])`)??null,slotElements:a.elements(),triggers:(0,l.computed)(()=>[])});function b(){if(u.value||s.value||!e.content.value&&!a.has(`content`).value)return;v(),_();let t=Number(e.delay.value)||0;t>0?h=setTimeout(()=>{h=null,y.open(`hover`),y.updatePosition()},t):(y.open(`hover`),y.updatePosition())}function x(){if(u.value)return;_();let t=Number(e[`close-delay`].value)||0;t>0?(v(),g=setTimeout(()=>{g=null,y.close(`trigger`)},t)):y.close(`trigger`)}return i(()=>{let e=o?.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=p.value;i.includes(`hover`)&&(n(r,`pointerenter`,b),n(r,`pointerleave`,x)),i.includes(`focus`)&&(n(r,`focusin`,b),n(r,`focusout`,x)),i.includes(`click`)&&n(r,`click`,()=>y.visible.value?x():b())};e?.addEventListener(`slotchange`,r),r();let i=y.mount();return()=>{e?.removeEventListener(`slotchange`,r);for(let e of t)e();_(),v(),i()}}),c.html`
|
|
2692
|
+
<slot></slot>
|
|
2693
|
+
<div
|
|
2694
|
+
class="tooltip"
|
|
2695
|
+
part="tooltip"
|
|
2696
|
+
id="${f}"
|
|
2697
|
+
role="tooltip"
|
|
2698
|
+
popover="manual"
|
|
2699
|
+
ref=${e=>{m=e}}
|
|
2700
|
+
:data-placement="${d}"
|
|
2701
|
+
:aria-hidden="${()=>String(!y.visible.value)}">
|
|
2702
|
+
<slot name="content"><span class="tooltip-text">${e.content}</span></slot>
|
|
2703
|
+
</div>
|
|
2704
|
+
`},styles:[G,Sa]}),exports.ACCORDION_CTX=zn,exports.ACCORDION_ITEM_TAG=Gn,exports.ACCORDION_TAG=Bn,exports.ALERT_TAG=tr,exports.ASYNC_TAG=Qn,exports.AVATAR_GROUP_TAG=rn,exports.AVATAR_TAG=nn,exports.BADGE_TAG=rr,exports.BOX_TAG=Pi,exports.BREADCRUMB_ITEM_TAG=sn,exports.BREADCRUMB_TAG=cn,exports.BUTTON_GROUP_CTX=_n,exports.BUTTON_GROUP_TAG=vn,exports.BUTTON_TAG=Tn,exports.CALENDAR_TAG=$r,exports.CARD_TAG=fn,exports.CAROUSEL_SLIDE_TAG=qt,exports.CAROUSEL_TAG=Jt,exports.CHECKBOX_GROUP_CTX=yr,exports.CHECKBOX_GROUP_TAG=br,exports.CHECKBOX_TAG=Sr,exports.CHIP_TAG=ar,exports.CODE_WINDOW_TAG=I,exports.COMBOBOX_TAG=jr,exports.CONTROL_SIZE_PRESET=Ve,exports.COPY_COMMAND_TAG=Fe,exports.DATAGRID_TAG=Zr,exports.DATE_PICKER_TAG=ni,exports.DIALOG_TAG=fa,exports.DRAWER_TAG=ha,exports.FIELD_SIZE_PRESET=ze,exports.FILE_INPUT_SIZE_PRESET=We,exports.FILE_INPUT_TAG=oi,exports.FORM_CTX=Q,exports.FORM_TAG=ci,exports.GRID_ITEM_TAG=Ii,exports.GRID_TAG=Hi,exports.ICON_TAG=Ne,exports.INPUT_TAG=kr,exports.MENU_ITEM_TAG=ya,exports.MENU_TAG=xa,exports.NAVBAR_CTX=Xi,exports.NAVBAR_ITEM_TAG=Qi,exports.NAVBAR_TAG=Zi,exports.NUMBER_INPUT_TAG=ui,exports.OTP_INPUT_TAG=fi,exports.PAGINATION_TAG=On,exports.PASSWORD_STRENGTH_TAG=sr,exports.POPOVER_TAG=Br,exports.PROGRESS_TAG=Ke,exports.RADIO_GROUP_CTX=mi,exports.RADIO_GROUP_TAG=hi,exports.RADIO_TAG=_i,exports.RATING_TAG=yi,exports.RefineConfigError=it,exports.RefineError=rt,exports.SELECT_TAG=Nr,exports.SEPARATOR_TAG=An,exports.SIDEBAR_CTX=aa,exports.SIDEBAR_GROUP_TAG=sa,exports.SIDEBAR_ITEM_TAG=ca,exports.SIDEBAR_TAG=oa,exports.SKELETON_TAG=dr,exports.SLIDER_SIZE_PRESET=Ue,exports.SLIDER_TAG=Si,exports.SWITCH_SIZE_PRESET=He,exports.SWITCH_TAG=wi,exports.TABLE_TAG=Fn,exports.TABS_CTX=Hn,exports.TABS_TAG=Un,exports.TAB_ITEM_TAG=qn,exports.TAB_PANEL_TAG=Xn,exports.TEXTAREA_SIZE_PRESET=Be,exports.TEXTAREA_TAG=Ei,exports.TEXT_TAG=Ln,exports.TIME_PICKER_TAG=Mi,exports.TOAST_TAG=hr,exports.TOOLTIP_TAG=ka,exports.commonProps=Re,exports.createToastService=gr,exports.disablableBundle=Y,exports.elevatableBundle=Le,exports.loadableBundle=Ie,exports.registerIcons=ke,exports.roundableBundle=X,exports.sizableBundle=J,exports.themableBundle=q,exports.toast=_r;
|
|
2705
|
+
//# sourceMappingURL=refine.cjs.map
|