@eunomia/elements 1.0.0-beta.2 → 1.0.0-beta.4
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 +1 -1
- package/dist/cdn/components/chunks/chunk-2JLDJFYD.js +48 -0
- package/dist/cdn/components/chunks/chunk-4MXL6PZC.js +124 -0
- package/dist/cdn/components/chunks/{chunk-32KRPOPV.js → chunk-5XJGYXW7.js} +6 -6
- package/dist/cdn/components/chunks/{chunk-O2HNWH65.js → chunk-5XJLIHAU.js} +7 -7
- package/dist/cdn/components/chunks/{chunk-5GF2Q3NR.js → chunk-74AOAB4X.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-WYMBUIKX.js → chunk-A6KGFALA.js} +4 -4
- package/dist/cdn/components/chunks/chunk-BMQOI7HX.js +371 -0
- package/dist/cdn/components/chunks/{chunk-LJYTHDZP.js → chunk-D2M4BV5Y.js} +6 -6
- package/dist/cdn/components/chunks/{chunk-NEYBPT3D.js → chunk-EJIX2D4Z.js} +2 -2
- package/dist/cdn/components/chunks/{chunk-BYBUXKXC.js → chunk-EOWBYZV7.js} +2 -2
- package/dist/cdn/components/chunks/chunk-EST3M4AO.js +1 -0
- package/dist/cdn/components/chunks/{chunk-AQQMW353.js → chunk-GSJEJLFA.js} +3 -3
- package/dist/cdn/components/chunks/chunk-GU6BVMFJ.js +1 -0
- package/dist/cdn/components/chunks/{chunk-5RCCZVFZ.js → chunk-IJ5WFMK4.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-RWONCXTF.js → chunk-KVYUNKUO.js} +2 -2
- package/dist/cdn/components/chunks/chunk-LGLQ36QB.js +16 -0
- package/dist/cdn/components/chunks/{chunk-74HHV4CX.js → chunk-NHFWATVN.js} +2 -2
- package/dist/cdn/components/chunks/chunk-OAULRKHQ.js +38 -0
- package/dist/cdn/components/chunks/chunk-P32B7BFD.js +118 -0
- package/dist/cdn/components/chunks/{chunk-ZPFHTJSS.js → chunk-PCM7D3YF.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-ABYEBP57.js → chunk-PED5ATYN.js} +11 -8
- package/dist/cdn/components/chunks/{chunk-ON42P6FI.js → chunk-RJCJXB7Y.js} +5 -5
- package/dist/cdn/components/chunks/{chunk-5C7YND22.js → chunk-S2UCEWNG.js} +8 -8
- package/dist/cdn/components/chunks/{chunk-7WTSHE7M.js → chunk-SIHZFOTK.js} +9 -9
- package/dist/cdn/components/chunks/{chunk-6UPI7GHJ.js → chunk-UAGCQF23.js} +7 -7
- package/dist/cdn/components/chunks/{chunk-6IILPCSQ.js → chunk-X2AUBZD2.js} +3 -3
- package/dist/cdn/components/chunks/chunk-YGUJJ25C.js +263 -0
- package/dist/cdn/components/chunks/chunk-YYCEPZUN.js +1 -0
- package/dist/cdn/components/eun-alert.js +65 -45
- package/dist/cdn/components/eun-animate.js +178 -2
- package/dist/cdn/components/eun-badge.js +1 -1
- package/dist/cdn/components/eun-breadcrumb-item.js +14 -10
- package/dist/cdn/components/eun-breadcrumb.js +11 -7
- package/dist/cdn/components/eun-button.js +1 -1
- package/dist/cdn/components/eun-calendar.js +16 -16
- package/dist/cdn/components/eun-card.js +29 -12
- package/dist/cdn/components/eun-carousel.js +36 -28
- package/dist/cdn/components/eun-check-card.js +3 -3
- package/dist/cdn/components/eun-checkbox-list.js +3 -3
- package/dist/cdn/components/eun-checkbox.js +1 -1
- package/dist/cdn/components/eun-chip.js +45 -210
- package/dist/cdn/components/eun-collapse.js +20 -26
- package/dist/cdn/components/eun-color-picker.js +28 -28
- package/dist/cdn/components/eun-counter.js +11 -11
- package/dist/cdn/components/eun-date-picker.js +50 -50
- package/dist/cdn/components/eun-drawer.js +3 -3
- package/dist/cdn/components/eun-dropdown-button.js +1 -1
- package/dist/cdn/components/eun-dropdown-item.js +6 -6
- package/dist/cdn/components/eun-fab.js +31 -53
- package/dist/cdn/components/eun-icon.js +1 -1
- package/dist/cdn/components/eun-image-card.js +18 -11
- package/dist/cdn/components/eun-image-carousel.js +16 -16
- package/dist/cdn/components/eun-infinite-list.js +1 -1
- package/dist/cdn/components/eun-input-file.js +20 -20
- package/dist/cdn/components/eun-input-phone.js +14 -14
- package/dist/cdn/components/eun-input.js +1 -1
- package/dist/cdn/components/eun-label.js +4 -4
- package/dist/cdn/components/eun-link.js +29 -11
- package/dist/cdn/components/eun-loader.js +1 -1
- package/dist/cdn/components/eun-modal.js +6 -6
- package/dist/cdn/components/eun-pagination.js +3 -3
- package/dist/cdn/components/eun-password-strength.js +9 -6
- package/dist/cdn/components/eun-progress-bar.js +13 -13
- package/dist/cdn/components/eun-radio-card.js +2 -2
- package/dist/cdn/components/eun-radio-list.js +3 -3
- package/dist/cdn/components/eun-radio.js +1 -1
- package/dist/cdn/components/eun-scheduler-event-editor.js +2 -2
- package/dist/cdn/components/eun-scheduler-event.js +1 -1
- package/dist/cdn/components/eun-scheduler.js +10 -10
- package/dist/cdn/components/eun-search.js +7 -7
- package/dist/cdn/components/eun-select.js +39 -18
- package/dist/cdn/components/eun-sidebar.js +10 -10
- package/dist/cdn/components/eun-skeleton.js +1 -1
- package/dist/cdn/components/eun-slider.js +9 -9
- package/dist/cdn/components/eun-sliding-card.js +7 -10
- package/dist/cdn/components/eun-step.js +8 -8
- package/dist/cdn/components/eun-stepper.js +8 -8
- package/dist/cdn/components/eun-switch.js +10 -10
- package/dist/cdn/components/eun-tab-group.js +19 -11
- package/dist/cdn/components/eun-tab-panel.js +1 -1
- package/dist/cdn/components/eun-tab.js +1 -1
- package/dist/cdn/components/eun-table-action-bar.js +1 -1
- package/dist/cdn/components/eun-table-cell.js +1 -1
- package/dist/cdn/components/eun-table-column.js +1 -1
- package/dist/cdn/components/eun-table-header.js +1 -1
- package/dist/cdn/components/eun-table-item.js +1 -1
- package/dist/cdn/components/eun-table-skeleton-row.js +1 -1
- package/dist/cdn/components/eun-table.js +3 -3
- package/dist/cdn/components/eun-tag.js +34 -122
- package/dist/cdn/components/eun-textarea.js +28 -28
- package/dist/cdn/components/eun-time-picker.js +25 -25
- package/dist/cdn/components/eun-toast.js +40 -36
- package/dist/cdn/components/eun-toggle-group.js +199 -66
- package/dist/cdn/components/eun-toggle-item.js +42 -25
- package/dist/cdn/components/eun-toggle.js +13 -10
- package/dist/cdn/components/eun-toolbar.js +28 -19
- package/dist/cdn/components/eun-tooltip.js +122 -87
- package/dist/cdn/styles/eunomia-themes.css +1 -1
- package/dist/cdn/styles/themes/eunomia-theme.css +1 -1
- package/dist/cdn/styles/themes/eunomia-theme.scss +1 -0
- package/dist/cdn/styles/themes/mixins/eunomia-neutrals.mixin.scss +71 -0
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss +2 -0
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.scss +2 -0
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.scss +2 -0
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.scss +2 -0
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.scss +2 -0
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.scss +2 -0
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss +3 -13
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.scss +2 -0
- package/dist/cdn/styles/tools/indexes/eunomia-tools.index.scss +1 -0
- package/dist/cdn/styles/tools/mixins/settings/eunomia-alpha.mixin.scss +39 -0
- package/dist/cdn/styles/tools/mixins/settings/eunomia-border.mixin.scss +3 -3
- package/dist/cdn/styles/tools/mixins/settings/eunomia-font.mixin.scss +12 -12
- package/dist/cdn/styles/tools/mixins/settings/eunomia-radius.mixin.scss +4 -4
- package/dist/components/action/button/button.d.ts +7 -6
- package/dist/components/action/button/button.js +7 -6
- package/dist/components/action/button/button.styles.js +143 -373
- package/dist/components/action/dropdown-button/dropdown-button.d.ts +7 -0
- package/dist/components/action/dropdown-button/dropdown-button.js +11 -0
- package/dist/components/action/dropdown-button/dropdown-button.styles.js +8 -8
- package/dist/components/action/dropdown-button/dropdown-item.styles.js +6 -6
- package/dist/components/action/fab/fab.d.ts +3 -1
- package/dist/components/action/fab/fab.js +3 -1
- package/dist/components/action/fab/fab.styles.js +26 -49
- package/dist/components/action/link/link.d.ts +50 -0
- package/dist/components/action/link/link.js +69 -1
- package/dist/components/action/link/link.styles.js +19 -2
- package/dist/components/action/shared-styles/button-palette.styles.d.ts +27 -0
- package/dist/components/action/shared-styles/button-palette.styles.js +151 -0
- package/dist/components/action/toggle/toggle-group.d.ts +41 -7
- package/dist/components/action/toggle/toggle-group.js +162 -46
- package/dist/components/action/toggle/toggle-group.styles.d.ts +6 -5
- package/dist/components/action/toggle/toggle-group.styles.js +152 -35
- package/dist/components/action/toggle/toggle-item.styles.js +38 -21
- package/dist/components/action/toggle/toggle.d.ts +1 -1
- package/dist/components/action/toggle/toggle.js +2 -2
- package/dist/components/action/toggle/toggle.styles.d.ts +2 -2
- package/dist/components/action/toggle/toggle.styles.js +13 -10
- package/dist/components/alert/alert/alert.d.ts +4 -3
- package/dist/components/alert/alert/alert.js +4 -3
- package/dist/components/alert/alert/alert.styles.js +57 -36
- package/dist/components/alert/drawer/drawer.styles.js +3 -3
- package/dist/components/alert/modal/modal.styles.js +6 -6
- package/dist/components/alert/toast/toast.d.ts +4 -3
- package/dist/components/alert/toast/toast.js +4 -3
- package/dist/components/alert/toast/toast.styles.js +41 -36
- package/dist/components/content/badge/badge.styles.js +1 -1
- package/dist/components/content/card/card.d.ts +4 -4
- package/dist/components/content/card/card.js +4 -4
- package/dist/components/content/card/card.styles.js +27 -10
- package/dist/components/content/card/image-card.d.ts +1 -1
- package/dist/components/content/card/image-card.js +1 -1
- package/dist/components/content/card/image-card.styles.js +17 -10
- package/dist/components/content/card/sliding-card.styles.js +3 -6
- package/dist/components/content/chip/chip.d.ts +16 -7
- package/dist/components/content/chip/chip.js +18 -6
- package/dist/components/content/chip/chip.styles.d.ts +1 -1
- package/dist/components/content/chip/chip.styles.js +43 -210
- package/dist/components/content/collapse/collapse.styles.js +10 -16
- package/dist/components/content/icon/icon.d.ts +48 -5
- package/dist/components/content/icon/icon.js +92 -20
- package/dist/components/content/icon/icon.style.js +1 -1
- package/dist/components/content/image-carousel/image-carousel.styles.js +14 -14
- package/dist/components/content/password-strength/password-strength.styles.js +7 -4
- package/dist/components/content/progress-bar/progress-bar.styles.js +9 -9
- package/dist/components/content/shared-styles/tone-surface.styles.d.ts +31 -0
- package/dist/components/content/shared-styles/tone-surface.styles.js +149 -0
- package/dist/components/content/tag/tag.d.ts +16 -6
- package/dist/components/content/tag/tag.js +19 -6
- package/dist/components/content/tag/tag.styles.d.ts +1 -1
- package/dist/components/content/tag/tag.styles.js +40 -121
- package/dist/components/content/tooltip/tooltip.d.ts +15 -4
- package/dist/components/content/tooltip/tooltip.js +21 -4
- package/dist/components/content/tooltip/tooltip.styles.js +115 -79
- package/dist/components/form/checkbox/check-card.styles.js +2 -2
- package/dist/components/form/checkbox/checkbox-list.d.ts +1 -1
- package/dist/components/form/checkbox/checkbox-list.js +1 -1
- package/dist/components/form/checkbox/checkbox.d.ts +1 -1
- package/dist/components/form/checkbox/checkbox.styles.js +6 -6
- package/dist/components/form/color-picker/color-picker.d.ts +1 -1
- package/dist/components/form/color-picker/color-picker.js +9 -7
- package/dist/components/form/color-picker/color-picker.styles.js +7 -7
- package/dist/components/form/counter/counter.d.ts +1 -1
- package/dist/components/form/counter/counter.js +3 -3
- package/dist/components/form/counter/counter.styles.js +7 -7
- package/dist/components/form/date-picker/date-picker-day-grid.styles.js +2 -2
- package/dist/components/form/date-picker/date-picker-grid.styles.js +15 -15
- package/dist/components/form/date-picker/date-picker-month-grid.styles.js +1 -1
- package/dist/components/form/date-picker/date-picker-year-grid.styles.js +1 -1
- package/dist/components/form/date-picker/date-picker.d.ts +1 -1
- package/dist/components/form/date-picker/date-picker.js +3 -3
- package/dist/components/form/date-picker/date-picker.styles.js +12 -12
- package/dist/components/form/input/input.d.ts +1 -1
- package/dist/components/form/input/input.js +2 -2
- package/dist/components/form/input-file/input-file.d.ts +1 -1
- package/dist/components/form/input-file/input-file.js +5 -5
- package/dist/components/form/input-file/input-file.styles.js +9 -9
- package/dist/components/form/input-phone/input-phone.d.ts +1 -1
- package/dist/components/form/input-phone/input-phone.js +3 -3
- package/dist/components/form/input-phone/input-phone.styles.js +7 -7
- package/dist/components/form/label/label.styles.js +4 -4
- package/dist/components/form/radio/radio-card.styles.js +1 -1
- package/dist/components/form/radio/radio-list.d.ts +1 -1
- package/dist/components/form/radio/radio-list.js +2 -2
- package/dist/components/form/radio/radio.d.ts +1 -1
- package/dist/components/form/radio/radio.styles.js +2 -2
- package/dist/components/form/search/search.styles.js +6 -6
- package/dist/components/form/select/select.d.ts +17 -1
- package/dist/components/form/select/select.js +28 -5
- package/dist/components/form/select/select.styles.js +16 -5
- package/dist/components/form/shared-styles/card.styles.js +1 -1
- package/dist/components/form/shared-styles/field.styles.js +7 -7
- package/dist/components/form/shared-styles/form-labels.styles.js +1 -1
- package/dist/components/form/shared-styles/listbox.styles.js +6 -6
- package/dist/components/form/slider/slider.d.ts +1 -1
- package/dist/components/form/slider/slider.js +2 -2
- package/dist/components/form/slider/slider.styles.js +6 -6
- package/dist/components/form/switch/switch.d.ts +1 -1
- package/dist/components/form/switch/switch.styles.js +8 -8
- package/dist/components/form/textarea/textarea.d.ts +1 -1
- package/dist/components/form/textarea/textarea.js +4 -4
- package/dist/components/form/textarea/textarea.styles.js +6 -6
- package/dist/components/form/time-picker/time-picker-columns.styles.js +6 -6
- package/dist/components/form/time-picker/time-picker-list.styles.js +2 -2
- package/dist/components/form/time-picker/time-picker.d.ts +1 -1
- package/dist/components/form/time-picker/time-picker.js +3 -3
- package/dist/components/form/time-picker/time-picker.styles.js +8 -8
- package/dist/components/layout/animate/animate.d.ts +40 -5
- package/dist/components/layout/animate/animate.js +30 -11
- package/dist/components/layout/animate/animate.styles.d.ts +1 -1
- package/dist/components/layout/animate/animate.styles.js +191 -1
- package/dist/components/loader/loader/loader.styles.js +2 -2
- package/dist/components/loader/skeleton/skeleton.styles.js +8 -5
- package/dist/components/navigation/breadcrumb/breadcrumb-item.d.ts +7 -0
- package/dist/components/navigation/breadcrumb/breadcrumb-item.js +15 -1
- package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.js +3 -3
- package/dist/components/navigation/breadcrumb/breadcrumb.d.ts +1 -0
- package/dist/components/navigation/breadcrumb/breadcrumb.js +7 -1
- package/dist/components/navigation/breadcrumb/breadcrumb.styles.js +3 -3
- package/dist/components/navigation/carousel/carousel.d.ts +40 -6
- package/dist/components/navigation/carousel/carousel.js +61 -12
- package/dist/components/navigation/carousel/carousel.styles.js +20 -8
- package/dist/components/navigation/pagination/pagination.styles.js +3 -3
- package/dist/components/navigation/sidebar/sidebar.styles.js +9 -9
- package/dist/components/navigation/stepper/step.styles.js +8 -8
- package/dist/components/navigation/stepper/stepper.styles.js +8 -8
- package/dist/components/navigation/tabs/tab/tab.styles.js +5 -5
- package/dist/components/navigation/tabs/tab-group/tab-group.d.ts +9 -0
- package/dist/components/navigation/tabs/tab-group/tab-group.js +19 -2
- package/dist/components/navigation/tabs/tab-group/tab-group.styles.js +12 -4
- package/dist/components/navigation/tabs/tab-panel/tab-panel.styles.js +1 -1
- package/dist/components/navigation/toolbar/toolbar.d.ts +24 -0
- package/dist/components/navigation/toolbar/toolbar.js +30 -2
- package/dist/components/navigation/toolbar/toolbar.styles.js +20 -10
- package/dist/events/change.event.d.ts +13 -1
- package/dist/events/change.event.js +2 -1
- package/dist/features/scheduler/calendar/calendar.js +1 -1
- package/dist/features/scheduler/calendar/calendar.styles.js +3 -3
- package/dist/features/scheduler/scheduler/scheduler.styles.js +2 -2
- package/dist/features/scheduler/scheduler-event/scheduler-event.styles.js +2 -2
- package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.styles.js +2 -2
- package/dist/features/scheduler/shared/scheduler-event-popover.styles.js +4 -4
- package/dist/features/scheduler/shared/scheduler-hour-grid.styles.js +1 -1
- package/dist/features/scheduler/shared/scheduler-month-view.styles.js +1 -1
- package/dist/features/scheduler/shared/scheduler-year-view.styles.js +1 -1
- package/dist/features/table/native-table.css +11 -11
- package/dist/features/table/table/table.styles.js +2 -2
- package/dist/features/table/table-action-bar/table-action-bar.styles.js +2 -2
- package/dist/features/table/table-cell/table-cell.styles.js +2 -2
- package/dist/features/table/table-column/table-column.styles.js +3 -3
- package/dist/features/table/table-header/table-header.styles.js +4 -4
- package/dist/features/table/table-item/table-item.styles.js +6 -6
- package/dist/features/table/table-skeleton-row/table-skeleton-row.styles.js +1 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.js +6 -3
- package/dist/jsx.d.ts +18 -5
- package/dist/mixins/button.mixin.d.ts +1 -0
- package/dist/mixins/button.mixin.js +10 -0
- package/dist/mixins/check.mixin.d.ts +1 -1
- package/dist/mixins/check.mixin.js +6 -2
- package/dist/mixins/editable.mixin.d.ts +1 -1
- package/dist/mixins/form.mixin.d.ts +9 -1
- package/dist/mixins/form.mixin.js +110 -14
- package/dist/mixins/overflow-navigation.mixin.js +2 -1
- package/dist/mixins/radio.mixin.d.ts +1 -1
- package/dist/mixins/radio.mixin.js +6 -2
- package/dist/mixins/validators.mixin.d.ts +9 -3
- package/dist/ssr/animate-ssr.css +149 -0
- package/dist/ssr/overlay-ssr.css +57 -0
- package/dist/ssr/sidebar-ssr.css +57 -0
- package/dist/ssr/toolbar-ssr.css +41 -0
- package/dist/utils/rich-text.utils.d.ts +33 -0
- package/dist/utils/rich-text.utils.js +140 -49
- package/dist/utils/theme-generator.utils.d.ts +24 -3
- package/dist/utils/theme-generator.utils.js +66 -21
- package/package.json +14 -3
- package/styles/themes/eunomia-theme.scss +1 -0
- package/styles/themes/mixins/eunomia-neutrals.mixin.scss +71 -0
- package/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/eunomia/eunomia.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/eunomia/eunomia.theme.scss +2 -0
- package/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/fire/eunomia-fire.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.scss +2 -0
- package/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/forest/eunomia-forest.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.scss +2 -0
- package/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/gold/eunomia-gold.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.scss +2 -0
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.scss +2 -0
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.scss +2 -0
- package/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss +3 -13
- package/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.scss +2 -0
- package/styles/tools/indexes/eunomia-tools.index.scss +1 -0
- package/styles/tools/mixins/settings/eunomia-alpha.mixin.scss +39 -0
- package/styles/tools/mixins/settings/eunomia-border.mixin.scss +3 -3
- package/styles/tools/mixins/settings/eunomia-font.mixin.scss +12 -12
- package/styles/tools/mixins/settings/eunomia-radius.mixin.scss +4 -4
- package/dist/cdn/components/chunks/chunk-27Q2SLRY.js +0 -603
- package/dist/cdn/components/chunks/chunk-2IQUMAMI.js +0 -38
- package/dist/cdn/components/chunks/chunk-5TH3P53V.js +0 -16
- package/dist/cdn/components/chunks/chunk-7Q6AHVI5.js +0 -1
- package/dist/cdn/components/chunks/chunk-DENMN3WH.js +0 -48
- package/dist/cdn/components/chunks/chunk-MBF52GEL.js +0 -1
- package/dist/cdn/components/chunks/chunk-ONYUXQV2.js +0 -1
- package/dist/cdn/components/chunks/chunk-ZKPCO5RB.js +0 -262
- package/dist/components/layout/animate/animate-ssr.css +0 -64
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunks/chunk-ATH2OAMU.js";import{a as S}from"./chunks/chunk-LK5BJ4SH.js";import{a as M}from"./chunks/chunk-IJJ67C66.js";import{a as w}from"./chunks/chunk-BRSNQMCD.js";import{a as D,b as k,d as y,e as C,f as P}from"./chunks/chunk-647ISUF4.js";import{j as E}from"./chunks/chunk-MJ4RDZLL.js";import{a as c}from"./chunks/chunk-5EVP7YNE.js";import{a as i,f as x,g,h as o,i as v,j as h,n as s,p as d,s as L}from"./chunks/chunk-XH6NREVZ.js";var
|
|
1
|
+
import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunks/chunk-ATH2OAMU.js";import{a as S}from"./chunks/chunk-LK5BJ4SH.js";import{a as M}from"./chunks/chunk-IJJ67C66.js";import{a as w}from"./chunks/chunk-BRSNQMCD.js";import{a as D,b as k,d as y,e as C,f as P}from"./chunks/chunk-647ISUF4.js";import{j as E}from"./chunks/chunk-MJ4RDZLL.js";import{a as c}from"./chunks/chunk-5EVP7YNE.js";import{a as i,f as x,g,h as o,i as v,j as h,n as s,p as d,s as L}from"./chunks/chunk-XH6NREVZ.js";var R=g`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
box-sizing: border-box;
|
|
5
5
|
border: 1px solid
|
|
6
6
|
var(--scheduler-border-color, var(--eun-border-color, #dee0e7));
|
|
7
|
-
border-radius: var(--eun-
|
|
7
|
+
border-radius: var(--eun-border-radius-m, 10px);
|
|
8
8
|
background: var(--scheduler-background, var(--eun-surface-color, #ffffff));
|
|
9
9
|
overflow: hidden;
|
|
10
10
|
font-family: var(--eun-font-family, "Mulish", sans-serif);
|
|
@@ -72,7 +72,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
|
|
|
72
72
|
#period-label {
|
|
73
73
|
margin: 0 var(--eun-space-xs, 4px);
|
|
74
74
|
font-size: 15px;
|
|
75
|
-
font-weight: var(--eun-
|
|
75
|
+
font-weight: var(--eun-font-weight-m, 500);
|
|
76
76
|
color: var(--eun-text-color, #071621);
|
|
77
77
|
}
|
|
78
78
|
|
|
@@ -126,7 +126,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
|
|
|
126
126
|
clip: rect(0 0 0 0);
|
|
127
127
|
white-space: nowrap;
|
|
128
128
|
}
|
|
129
|
-
`,z=
|
|
129
|
+
`,z=R;var Q=g`
|
|
130
130
|
#event-popover {
|
|
131
131
|
box-sizing: border-box;
|
|
132
132
|
width: var(--scheduler-popover-width, 300px);
|
|
@@ -136,7 +136,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
|
|
|
136
136
|
margin: 0;
|
|
137
137
|
padding: 0;
|
|
138
138
|
border: 1px solid var(--eun-border-color, #dee0e7);
|
|
139
|
-
border-radius: var(--eun-
|
|
139
|
+
border-radius: var(--eun-border-radius-m, 10px);
|
|
140
140
|
background: var(--eun-surface-color, #ffffff);
|
|
141
141
|
box-shadow: var(--eun-shadow-m, 0 8px 24px rgba(7, 22, 33, 0.16));
|
|
142
142
|
font-family: var(--eun-font-family, "Mulish", sans-serif);
|
|
@@ -172,8 +172,8 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
|
|
|
172
172
|
|
|
173
173
|
.event-popover-bar {
|
|
174
174
|
height: 4px;
|
|
175
|
-
border-radius: var(--eun-
|
|
176
|
-
var(--eun-
|
|
175
|
+
border-radius: var(--eun-border-radius-m, 10px)
|
|
176
|
+
var(--eun-border-radius-m, 10px) 0 0;
|
|
177
177
|
background: var(--_accent, var(--eun-color-blue-600, #0aa5a8));
|
|
178
178
|
}
|
|
179
179
|
|
|
@@ -195,7 +195,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
|
|
|
195
195
|
margin: 0;
|
|
196
196
|
padding-right: 28px;
|
|
197
197
|
font-size: 16px;
|
|
198
|
-
font-weight: var(--eun-
|
|
198
|
+
font-weight: var(--eun-font-weight-l, 700);
|
|
199
199
|
}
|
|
200
200
|
|
|
201
201
|
.event-popover-row {
|
|
@@ -249,7 +249,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
|
|
|
249
249
|
gap: var(--eun-space-s, 8px);
|
|
250
250
|
padding: 0 var(--eun-space-m, 16px) var(--eun-space-m, 16px);
|
|
251
251
|
}
|
|
252
|
-
`,V=Q;function O(l){let{event:n,locale:e,editLabel:a,deleteLabel:r,closeLabel:u,priorityLabels:p,readonly:b,onEdit:m,onDelete:_,onClose:
|
|
252
|
+
`,V=Q;function O(l){let{event:n,locale:e,editLabel:a,deleteLabel:r,closeLabel:u,priorityLabels:p,readonly:b,onEdit:m,onDelete:_,onClose:W}=l;return s`
|
|
253
253
|
<div
|
|
254
254
|
class="event-popover-bar"
|
|
255
255
|
style="--_accent: var(--eun-color-${n.color}-600);"
|
|
@@ -260,7 +260,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
|
|
|
260
260
|
rounded
|
|
261
261
|
size="s"
|
|
262
262
|
aria-label=${u}
|
|
263
|
-
@click=${
|
|
263
|
+
@click=${W}
|
|
264
264
|
>
|
|
265
265
|
<eun-icon name="close" size="16"></eun-icon>
|
|
266
266
|
</eun-button>
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import{b as g}from"./chunks/chunk-
|
|
1
|
+
import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunks/chunk-KBH5PCUO.js";import"./chunks/chunk-E4IS25H7.js";import{a as w,b as A}from"./chunks/chunk-5XJGYXW7.js";import{a as y}from"./chunks/chunk-LK5BJ4SH.js";import"./chunks/chunk-UAGCQF23.js";import{a as c}from"./chunks/chunk-LYYQAALT.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-XSMCT4DF.js";import"./chunks/chunk-GW3VP2L7.js";import"./chunks/chunk-OAULRKHQ.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.js";import{a as m}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as p}from"./chunks/chunk-5EVP7YNE.js";import{a as r,f as b,g as v,h as n,i as h,j as d,n as o,p as a}from"./chunks/chunk-XH6NREVZ.js";var $=v`
|
|
2
2
|
#shortcut-hint {
|
|
3
3
|
flex-shrink: 0;
|
|
4
4
|
display: inline-flex;
|
|
5
5
|
align-items: center;
|
|
6
6
|
padding: 2px 6px;
|
|
7
7
|
font-family: inherit;
|
|
8
|
-
font-size: var(--eun-
|
|
8
|
+
font-size: var(--eun-font-size-xs, 12px);
|
|
9
9
|
color: var(--_iconColor);
|
|
10
10
|
background: var(--eun-content-hover, #edeff0);
|
|
11
|
-
border: var(--eun-
|
|
12
|
-
border-radius: var(--eun-
|
|
11
|
+
border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
|
|
12
|
+
border-radius: var(--eun-border-radius-s, 5px);
|
|
13
13
|
}
|
|
14
14
|
#field-wrapper #shortcut-hint {
|
|
15
15
|
position: absolute;
|
|
@@ -40,7 +40,7 @@ import{b as g}from"./chunks/chunk-74HHV4CX.js";import{a as L,b as k}from"./chunk
|
|
|
40
40
|
text-align: left;
|
|
41
41
|
color: var(--_textColor);
|
|
42
42
|
background-color: var(--_background);
|
|
43
|
-
border: var(--eun-
|
|
43
|
+
border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
|
|
44
44
|
border-radius: var(--_borderRadius);
|
|
45
45
|
padding: var(--_padding);
|
|
46
46
|
box-sizing: border-box;
|
|
@@ -74,7 +74,7 @@ import{b as g}from"./chunks/chunk-74HHV4CX.js";import{a as L,b as k}from"./chunk
|
|
|
74
74
|
:host([variant="underline"]) #search-trigger {
|
|
75
75
|
border: none;
|
|
76
76
|
outline: none;
|
|
77
|
-
border-bottom: var(--eun-
|
|
77
|
+
border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
|
|
78
78
|
border-radius: 0;
|
|
79
79
|
}
|
|
80
80
|
:host([variant="underline"]) #search-trigger:focus-visible {
|
|
@@ -100,7 +100,7 @@ import{b as g}from"./chunks/chunk-74HHV4CX.js";import{a as L,b as k}from"./chunk
|
|
|
100
100
|
top: 0;
|
|
101
101
|
z-index: 1;
|
|
102
102
|
background: var(--modal-background, var(--eun-surface-color, #ffffff));
|
|
103
|
-
border-bottom: var(--eun-
|
|
103
|
+
border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
|
|
104
104
|
}
|
|
105
105
|
#panel-field #field-wrapper {
|
|
106
106
|
position: relative;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as D,b as
|
|
1
|
+
import{a as D,b as P}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunks/chunk-E4IS25H7.js";import{a as k,b as F}from"./chunks/chunk-5XJGYXW7.js";import{a as A}from"./chunks/chunk-LK5BJ4SH.js";import{a as E}from"./chunks/chunk-UAGCQF23.js";import{a as v}from"./chunks/chunk-LYYQAALT.js";import{a as C}from"./chunks/chunk-XSMCT4DF.js";import{a as T}from"./chunks/chunk-GW3VP2L7.js";import{a as $,c as I,d as M,e as b}from"./chunks/chunk-OAULRKHQ.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import{a as w}from"./chunks/chunk-T7WABJEJ.js";import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as u}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as x,g as y,h as l,i as p,j as c,l as m,n as o,p as a,s as L}from"./chunks/chunk-XH6NREVZ.js";var V=y`
|
|
2
2
|
#field {
|
|
3
3
|
padding-inline-end: calc(var(--eun-space-l, 32px) * 1.2);
|
|
4
4
|
}
|
|
@@ -23,7 +23,7 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as T}from"./chunk
|
|
|
23
23
|
right: var(--eun-space-m, 16px);
|
|
24
24
|
pointer-events: none;
|
|
25
25
|
color: var(--_iconColor);
|
|
26
|
-
font-size: var(--eun-
|
|
26
|
+
font-size: var(--eun-font-size-s, 14px);
|
|
27
27
|
transition: transform 0.15s ease;
|
|
28
28
|
}
|
|
29
29
|
#select-arrow.open {
|
|
@@ -52,8 +52,8 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as T}from"./chunk
|
|
|
52
52
|
height: 16px;
|
|
53
53
|
margin-inline-end: var(--eun-space-xs, 4px);
|
|
54
54
|
vertical-align: -3px;
|
|
55
|
-
border: var(--eun-
|
|
56
|
-
border-radius: var(--eun-
|
|
55
|
+
border: var(--eun-border-width-s, 1px) solid var(--_borderColor);
|
|
56
|
+
border-radius: var(--eun-border-radius-s, 5px);
|
|
57
57
|
--icon-color: transparent;
|
|
58
58
|
}
|
|
59
59
|
#listbox li.selected .option-checkbox {
|
|
@@ -61,6 +61,17 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as T}from"./chunk
|
|
|
61
61
|
border-color: var(--eun-color-primary-500, #3d6fff);
|
|
62
62
|
--icon-color: var(--eun-color-on-primary-500, #ffffff);
|
|
63
63
|
}
|
|
64
|
+
#listbox .actions {
|
|
65
|
+
display: flex;
|
|
66
|
+
align-items: center;
|
|
67
|
+
gap: var(--eun-space-s, 8px);
|
|
68
|
+
padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
|
|
69
|
+
cursor: default;
|
|
70
|
+
border-block-start: var(--eun-border-width-s, 1px) solid var(--_borderColor);
|
|
71
|
+
}
|
|
72
|
+
#listbox .actions[hidden] {
|
|
73
|
+
display: none;
|
|
74
|
+
}
|
|
64
75
|
#confirm-link {
|
|
65
76
|
position: absolute;
|
|
66
77
|
right: calc(var(--eun-space-l, 32px) + var(--eun-space-xs, 4px));
|
|
@@ -70,7 +81,7 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as T}from"./chunk
|
|
|
70
81
|
border: none;
|
|
71
82
|
background: none;
|
|
72
83
|
font: inherit;
|
|
73
|
-
font-size: var(--eun-
|
|
84
|
+
font-size: var(--eun-font-size-s, 14px);
|
|
74
85
|
color: var(
|
|
75
86
|
--field-confirm-link-color,
|
|
76
87
|
var(--eun-color-primary-500, #3d6fff)
|
|
@@ -91,17 +102,17 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as T}from"./chunk
|
|
|
91
102
|
#confirm-link:focus-visible {
|
|
92
103
|
outline: 2px solid var(--_focusIndicator);
|
|
93
104
|
outline-offset: 2px;
|
|
94
|
-
border-radius: var(--eun-
|
|
105
|
+
border-radius: var(--eun-border-radius-m);
|
|
95
106
|
}
|
|
96
|
-
`,
|
|
107
|
+
`,H=[E,k,...v?[]:[F],V];var N="eun-select",B=w(M(L)),W=A(C(T($(O(I(B)))))),t=class extends W{constructor(){super(...arguments);this.searchable=!1;this.native=!1;this.multiple=!1;this.noAnimation=!1;this.searchPlaceholder="Search\u2026";this.selectPlaceholder="Select\u2026";this.emptyValueLabel="No value set";this.noResultsLabel="No results";this.confirmLabel="Confirm";this.loading=!1;this.loadingLabel="Loading\u2026";this.searchQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.typeaheadBuffer="";this.handleIconSlotChange=()=>{this.requestUpdate()};this.handleActionsSlotChange=()=>{this.requestUpdate()};this.handleHostFocus=()=>{this.fieldEl?.focus()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:v}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}if(this.fieldPointerDownAt!==void 0&&performance.now()-this.fieldPointerDownAt<t.FIELD_POINTER_DOWN_WINDOW_MS){this.fieldPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.searchQuery=this.selectedLabel,this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.readonlyAvailable&&this.editing&&this.cancelEdit()};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.defaultValue=i}get value(){return super.value}set value(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.value=i}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),window.removeEventListener("blur",this.handleWindowBlur),clearTimeout(this.typeaheadTimer),super.disconnectedCallback?.()}get options(){return D(this.children)}get selectedValues(){return this.multiple?this.value??[]:this.value?[this.value]:[]}isSelected(e){return this.selectedValues.includes(e.value)}get selectedLabel(){let e=this.selectedValues;return this.options.filter(i=>e.includes(i.value)).map(i=>i.label).join(", ")}get hasConfirmSlot(){return this.querySelector('[slot="confirm"]')!==null}get hasConfirmContent(){return this.hasConfirmSlot||!!this.confirmLabel}get effectiveQuery(){if(!this.searchable)return"";let e=this.searchQuery.trim().toLowerCase();return e&&e!==this.selectedLabel.toLowerCase()?e:""}get filteredOptions(){let e=this.effectiveQuery;return e?this.options.filter(i=>i.label.toLowerCase().includes(e)):this.options}get effectivePlaceholder(){return this.placeholder??(this.searchable?this.searchPlaceholder:this.selectPlaceholder)}willUpdate(e){super.willUpdate(e),e.has("value")&&this.searchable&&!this.isOpen&&(this.searchQuery=this.selectedLabel)}firstUpdated(e){super.firstUpdated(e),this.syncOptions()}updated(e){super.updated(e),e.has("editing")&&this.editing&&(this.native?(this.syncOptions(),this.fieldEl?.focus()):this.openListbox()),this.native&&(e.has("value")&&this.fieldEl instanceof HTMLSelectElement&&(this.fieldEl.value=this.value??""),(e.has("readonly")||e.has("disabled"))&&this.setAttribute("tabindex",this.disabled||this.readonly?"-1":"0"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.fieldPointerDownAt=void 0;return}let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e),this.fieldEl?.focus(),this.fieldEl instanceof HTMLInputElement&&this.fieldEl.select()}listboxAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let i=getComputedStyle(e).getPropertyValue("--field-listbox-transition-duration").trim();if(i){let n=i.endsWith("ms")?Number.parseFloat(i):Number.parseFloat(i)*1e3;if(Number.isFinite(n)&&n>=0)return n}return 200}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let i=this.listboxAnimationDuration(e);i!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:i,easing:"ease",fill:"forwards"}))}closeListbox(){let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")&&this.playListboxCloseAnimation(e)}playListboxCloseAnimation(e){e.style.pointerEvents="none";let i=this.listboxAnimationDuration(e);if(i===0){e.hidePopover();return}let n=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:i,easing:"ease",fill:"forwards"});this.listboxAnimation=n,n.finished.then(()=>{this.listboxAnimation===n&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldInput(e){this.searchable&&(this.searchQuery=e.target.value,this.highlightedIndex=-1,this.isOpen||this.openListbox())}handleSelect(e){if(this.multiple){let i=this.selectedValues;this.value=i.includes(e.value)?i.filter(n=>n!==e.value):[...i,e.value],this.dispatchEvent(new f(this.value));return}this.value=e.value,this.dispatchEvent(new f(this.value)),this.closeListbox(),this.readonlyAvailable&&this.confirmEdit()}handleNativeChange(e){this.value=e.target.value,this.dispatchEvent(new f(this.value)),this.readonlyAvailable&&this.confirmEdit()}syncOptions(){if(!this.native||!(this.fieldEl instanceof HTMLSelectElement))return;let e=Array.from(this.children).filter(i=>i instanceof HTMLOptionElement||i instanceof HTMLOptGroupElement);this.fieldEl.replaceChildren(...e.map(i=>i.cloneNode(!0))),this.fieldEl.value=this.value??""}handleSlotChange(){this.syncOptions()}handleKeydown(e){switch(e.key){case"ArrowDown":{e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,i.length-1));break}case"ArrowUp":{e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0));break}case"Home":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=0);break}case"End":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=i.length-1);break}case"Enter":{e.preventDefault();let i=this.filteredOptions[this.highlightedIndex];i&&this.handleSelect(i);break}default:this.searchable||this.handleTypeahead(e);break}}handleTypeahead(e){if(e.key.length!==1||e.ctrlKey||e.metaKey||e.altKey)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;if(!i.length)return;clearTimeout(this.typeaheadTimer),this.typeaheadBuffer+=e.key.toLowerCase(),this.typeaheadTimer=setTimeout(()=>{this.typeaheadBuffer=""},600);let n=(this.highlightedIndex+1)%i.length,r=[...i.slice(n),...i.slice(0,n)].findIndex(h=>h.label.toLowerCase().startsWith(this.typeaheadBuffer));r!==-1&&(this.highlightedIndex=(n+r)%i.length)}renderHighlighted(e){return P(e,this.effectiveQuery)}renderOptionRows(e){let i=[],n;return e.forEach((r,h)=>{r.group!==n&&(n=r.group,r.group&&i.push(o`<li class="group-label" role="presentation">
|
|
97
108
|
${r.group}
|
|
98
|
-
</li>`));let
|
|
109
|
+
</li>`));let g=this.isSelected(r);i.push(o`
|
|
99
110
|
<li
|
|
100
111
|
id="listbox-option-${h}"
|
|
101
112
|
role="option"
|
|
102
|
-
aria-selected=${
|
|
103
|
-
class=${d({highlighted:h===this.highlightedIndex,selected:
|
|
104
|
-
@mousedown=${
|
|
113
|
+
aria-selected=${g}
|
|
114
|
+
class=${d({highlighted:h===this.highlightedIndex,selected:g})}
|
|
115
|
+
@mousedown=${R=>{R.preventDefault(),this.handleSelect(r)}}
|
|
105
116
|
@mouseenter=${()=>{this.highlightedIndex=h}}
|
|
106
117
|
>
|
|
107
118
|
${this.multiple?o`<span class="option-checkbox" aria-hidden="true"
|
|
@@ -118,7 +129,7 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as T}from"./chunk
|
|
|
118
129
|
id="readonly-display"
|
|
119
130
|
role="button"
|
|
120
131
|
tabindex="0"
|
|
121
|
-
aria-label=${
|
|
132
|
+
aria-label=${u(this.label)}
|
|
122
133
|
@click=${this.startEdit}
|
|
123
134
|
@keydown=${i=>(i.key==="Enter"||i.key===" ")&&this.startEdit()}
|
|
124
135
|
>
|
|
@@ -152,7 +163,7 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as T}from"./chunk
|
|
|
152
163
|
aria-describedby=${e?"description":a}
|
|
153
164
|
?disabled=${this.disabled||this.readonly}
|
|
154
165
|
?required=${this.required}
|
|
155
|
-
aria-invalid=${this.valid
|
|
166
|
+
aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
|
|
156
167
|
@change=${this.handleNativeChange}
|
|
157
168
|
></select>
|
|
158
169
|
${this.showConfirmLink?this.renderConfirmLink():a}
|
|
@@ -170,7 +181,7 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as T}from"./chunk
|
|
|
170
181
|
id="field"
|
|
171
182
|
type="text"
|
|
172
183
|
role="combobox"
|
|
173
|
-
aria-label=${
|
|
184
|
+
aria-label=${u(this.label)}
|
|
174
185
|
aria-expanded=${this.isOpen}
|
|
175
186
|
aria-controls="listbox"
|
|
176
187
|
aria-autocomplete=${this.searchable?"list":"none"}
|
|
@@ -182,7 +193,7 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as T}from"./chunk
|
|
|
182
193
|
?disabled=${this.disabled}
|
|
183
194
|
?readonly=${this.readonly||!this.searchable}
|
|
184
195
|
aria-required=${this.required?"true":"false"}
|
|
185
|
-
aria-invalid=${this.valid
|
|
196
|
+
aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
|
|
186
197
|
@pointerdown=${this.handleFieldPointerDown}
|
|
187
198
|
@focus=${this.handleFieldActivate}
|
|
188
199
|
@click=${this.handleFieldActivate}
|
|
@@ -195,21 +206,31 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as T}from"./chunk
|
|
|
195
206
|
<ul
|
|
196
207
|
id="listbox"
|
|
197
208
|
role="listbox"
|
|
198
|
-
aria-label=${
|
|
209
|
+
aria-label=${u(this.label)}
|
|
199
210
|
aria-multiselectable=${this.multiple?"true":"false"}
|
|
200
211
|
popover="auto"
|
|
201
212
|
@toggle=${this.handlePopoverToggle}
|
|
202
213
|
>
|
|
203
214
|
${this.renderListboxRows(i)}
|
|
215
|
+
<li
|
|
216
|
+
class="actions"
|
|
217
|
+
role="presentation"
|
|
218
|
+
?hidden=${!this.actionsSlotEls?.length}
|
|
219
|
+
>
|
|
220
|
+
<slot
|
|
221
|
+
name="actions"
|
|
222
|
+
@slotchange=${this.handleActionsSlotChange}
|
|
223
|
+
></slot>
|
|
224
|
+
</li>
|
|
204
225
|
</ul>
|
|
205
226
|
`}renderListboxRows(e){return this.loading?[o`<li id="listbox-loading" class="loading" role="presentation">
|
|
206
227
|
${this.loadingLabel}
|
|
207
228
|
</li>`]:e.length?this.renderOptionRows(e):[o`<li id="listbox-empty" class="no-results" role="presentation">
|
|
208
229
|
${this.noResultsLabel}
|
|
209
|
-
</li>`]}render(){let e=this.readonlyAvailable&&!this.editing,i=this.renderDescription(),
|
|
230
|
+
</li>`]}render(){let e=this.readonlyAvailable&&!this.editing,i=this.renderDescription(),n=i!==a,r;return e?r=this.renderReadonlyDisplay():this.native?r=this.renderNativeField(n):r=this.renderField(n),o`
|
|
210
231
|
<div id="wrapper" @focusout=${this.handleFocusOut}>
|
|
211
232
|
${this.renderFormLabels(e?void 0:"field")}
|
|
212
233
|
${r} ${i}
|
|
213
234
|
<slot hidden @slotchange=${this.handleSlotChange}></slot>
|
|
214
235
|
</div>
|
|
215
|
-
`}};t.styles=[
|
|
236
|
+
`}};t.styles=[H,b.base,b.errorMessages,b.hintMessages],t.FIELD_POINTER_DOWN_WINDOW_MS=100,s([l({attribute:"default-value"})],t.prototype,"defaultValue",1),s([l()],t.prototype,"value",1),s([l({type:Boolean,reflect:!0})],t.prototype,"searchable",2),s([l({type:Boolean,reflect:!0})],t.prototype,"native",2),s([l({type:Boolean,reflect:!0})],t.prototype,"multiple",2),s([l({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),s([l()],t.prototype,"icon",2),s([l()],t.prototype,"placeholder",2),s([l({attribute:"search-placeholder"})],t.prototype,"searchPlaceholder",2),s([l({attribute:"select-placeholder"})],t.prototype,"selectPlaceholder",2),s([l({attribute:"empty-value-label"})],t.prototype,"emptyValueLabel",2),s([l({attribute:"no-results-label"})],t.prototype,"noResultsLabel",2),s([l({attribute:"confirm-label"})],t.prototype,"confirmLabel",2),s([l({type:Boolean,reflect:!0})],t.prototype,"loading",2),s([l({attribute:"loading-label"})],t.prototype,"loadingLabel",2),s([p()],t.prototype,"searchQuery",2),s([p()],t.prototype,"isOpen",2),s([p()],t.prototype,"highlightedIndex",2),s([c("#field")],t.prototype,"fieldEl",2),s([c("#field-wrapper")],t.prototype,"fieldWrapperEl",2),s([c("#listbox")],t.prototype,"listboxEl",2),s([m({slot:"icon"})],t.prototype,"iconSlotEls",2),s([m({slot:"actions"})],t.prototype,"actionsSlotEls",2),t=s([x(N)],t);export{t as EunomiaSelect,N as EunomiaSelectTagName};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as p}from"./chunks/chunk-
|
|
1
|
+
import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk-5EVP7YNE.js";import{a as r,f as g,g as v,h as o,i as b,j as h,n,p as l,s as f}from"./chunks/chunk-XH6NREVZ.js";var y=v`
|
|
2
2
|
:host {
|
|
3
3
|
--_width: var(--sidebar-width, 280px);
|
|
4
4
|
--_miniWidth: var(--sidebar-mini-width, 64px);
|
|
@@ -19,14 +19,14 @@ import{a as p}from"./chunks/chunk-ONYUXQV2.js";import{a as m}from"./chunks/chunk
|
|
|
19
19
|
box-sizing: border-box;
|
|
20
20
|
width: var(--_width);
|
|
21
21
|
transition: width var(--_transitionDuration) ease;
|
|
22
|
-
border-inline-end: var(--eun-
|
|
22
|
+
border-inline-end: var(--eun-border-width-s, 1px) solid var(--_borderColor);
|
|
23
23
|
}
|
|
24
24
|
:host([dragging]) {
|
|
25
25
|
transition: none;
|
|
26
26
|
}
|
|
27
27
|
:host([position="end"]) {
|
|
28
28
|
border-inline-end: none;
|
|
29
|
-
border-inline-start: var(--eun-
|
|
29
|
+
border-inline-start: var(--eun-border-width-s, 1px) solid var(--_borderColor);
|
|
30
30
|
}
|
|
31
31
|
:host([collapsed][collapse-mode="mini"]) {
|
|
32
32
|
--_width: var(--_miniWidth);
|
|
@@ -65,8 +65,8 @@ import{a as p}from"./chunks/chunk-ONYUXQV2.js";import{a as m}from"./chunks/chunk
|
|
|
65
65
|
}
|
|
66
66
|
#heading {
|
|
67
67
|
margin: 0;
|
|
68
|
-
font-size: var(--eun-
|
|
69
|
-
font-weight: var(--eun-
|
|
68
|
+
font-size: var(--eun-font-size-l, 18px);
|
|
69
|
+
font-weight: var(--eun-font-weight-l, 700);
|
|
70
70
|
color: inherit;
|
|
71
71
|
}
|
|
72
72
|
#body {
|
|
@@ -74,7 +74,7 @@ import{a as p}from"./chunks/chunk-ONYUXQV2.js";import{a as m}from"./chunks/chunk
|
|
|
74
74
|
min-height: 0;
|
|
75
75
|
overflow-y: auto;
|
|
76
76
|
padding: var(--_gap) var(--_padding);
|
|
77
|
-
font-size: var(--eun-
|
|
77
|
+
font-size: var(--eun-font-size-s, 14px);
|
|
78
78
|
}
|
|
79
79
|
#footer {
|
|
80
80
|
flex: none;
|
|
@@ -124,8 +124,8 @@ import{a as p}from"./chunks/chunk-ONYUXQV2.js";import{a as m}from"./chunks/chunk
|
|
|
124
124
|
height: 28px;
|
|
125
125
|
padding: 0;
|
|
126
126
|
background: var(--_background);
|
|
127
|
-
border: var(--eun-
|
|
128
|
-
border-radius: var(--eun-
|
|
127
|
+
border: var(--eun-border-width-s, 1px) solid var(--_borderColor);
|
|
128
|
+
border-radius: var(--eun-border-radius-xl, 999px);
|
|
129
129
|
color: var(--eun-text-secondary, #484e61);
|
|
130
130
|
cursor: pointer;
|
|
131
131
|
transition: background-color 0.15s ease;
|
|
@@ -146,12 +146,12 @@ import{a as p}from"./chunks/chunk-ONYUXQV2.js";import{a as m}from"./chunks/chunk
|
|
|
146
146
|
width: 100%;
|
|
147
147
|
padding: var(--eun-space-s, 8px) var(--_padding);
|
|
148
148
|
border: none;
|
|
149
|
-
border-top: var(--eun-
|
|
149
|
+
border-top: var(--eun-border-width-s, 1px) solid var(--_borderColor);
|
|
150
150
|
border-radius: 0;
|
|
151
151
|
background: transparent;
|
|
152
152
|
color: var(--eun-text-secondary, #484e61);
|
|
153
153
|
font: inherit;
|
|
154
|
-
font-size: var(--eun-
|
|
154
|
+
font-size: var(--eun-font-size-s, 14px);
|
|
155
155
|
text-align: start;
|
|
156
156
|
cursor: pointer;
|
|
157
157
|
transition: background-color 0.15s ease;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"./chunks/chunk-
|
|
1
|
+
import{a,b}from"./chunks/chunk-PED5ATYN.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaSkeleton,a as EunomiaSkeletonTagName};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as d}from"./chunks/chunk-
|
|
1
|
+
import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as d}from"./chunks/chunk-OAULRKHQ.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import{a as k}from"./chunks/chunk-T7WABJEJ.js";import{a as h}from"./chunks/chunk-MMLIPCOY.js";import{a as g}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f}from"./chunks/chunk-5EVP7YNE.js";import{a,f as p,g as m,h as o,i as c,j as b,n as s,p as l,s as v}from"./chunks/chunk-XH6NREVZ.js";var $=m`
|
|
2
2
|
:host {
|
|
3
3
|
--_trackHeight: var(--slider-track-height, 6px);
|
|
4
4
|
--_trackColor: var(
|
|
5
5
|
--slider-track-background,
|
|
6
|
-
var(--eun-
|
|
6
|
+
var(--eun-surface-sunken-strong, #ecedf0)
|
|
7
7
|
);
|
|
8
8
|
--_fillColor: var(
|
|
9
9
|
--slider-track-fill-background,
|
|
@@ -11,7 +11,7 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
|
|
|
11
11
|
);
|
|
12
12
|
--_trackRadius: var(
|
|
13
13
|
--slider-track-border-radius,
|
|
14
|
-
var(--eun-
|
|
14
|
+
var(--eun-border-radius-xl, 999px)
|
|
15
15
|
);
|
|
16
16
|
--_thumbSize: var(--slider-thumb-size, 18px);
|
|
17
17
|
--_thumbBackground: var(--slider-thumb-background, #fff);
|
|
@@ -39,7 +39,7 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
|
|
|
39
39
|
var(--eun-color-primary-500, #3d6fff)
|
|
40
40
|
);
|
|
41
41
|
font-family: var(--eun-font-family, "Mulish", sans-serif);
|
|
42
|
-
font-size: var(--eun-
|
|
42
|
+
font-size: var(--eun-font-size-s, 14px);
|
|
43
43
|
display: block;
|
|
44
44
|
width: 100%;
|
|
45
45
|
outline: none;
|
|
@@ -90,12 +90,12 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
|
|
|
90
90
|
transform: translateX(-50%);
|
|
91
91
|
background: var(--_tooltipBackground);
|
|
92
92
|
color: var(--_tooltipColor);
|
|
93
|
-
font-size: var(--eun-
|
|
94
|
-
font-weight: var(--eun-
|
|
93
|
+
font-size: var(--eun-font-size-xs, 12px);
|
|
94
|
+
font-weight: var(--eun-font-weight-l, 700);
|
|
95
95
|
line-height: 1;
|
|
96
96
|
white-space: nowrap;
|
|
97
97
|
padding: var(--eun-space-xs, 4px) var(--eun-space-s, 8px);
|
|
98
|
-
border-radius: var(--eun-
|
|
98
|
+
border-radius: var(--eun-border-radius-s, 4px);
|
|
99
99
|
pointer-events: none;
|
|
100
100
|
font-variant-numeric: tabular-nums;
|
|
101
101
|
}
|
|
@@ -233,7 +233,7 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
|
|
|
233
233
|
:host([aria-readonly="true"]) #field::-moz-range-thumb {
|
|
234
234
|
cursor: default;
|
|
235
235
|
}
|
|
236
|
-
`,M=$;var B="eun-slider",
|
|
236
|
+
`,M=$;var B="eun-slider",F=k(w(v)),S=C(_(y(F))),r=class extends S{constructor(){super(...arguments);this.min=0;this.max=100;this.step=1;this.hideTooltip=!1;this.graduated=!1;this.dragging=!1;this.hasFocus=!1;this.handleHostFocus=()=>{this.fieldEl?.focus()};this.handleInput=e=>{this.value=Number(e.target.value),this.dispatchEvent(new x(this.value))};this.handleKeydown=e=>{this.readonly&&e.preventDefault()};this.handlePointerDown=()=>{this.disabled||this.readonly||(this.dragging=!0,window.addEventListener("pointerup",this.handlePointerUp),window.addEventListener("pointercancel",this.handlePointerUp))};this.handlePointerUp=()=>{this.dragging=!1,window.removeEventListener("pointerup",this.handlePointerUp),window.removeEventListener("pointercancel",this.handlePointerUp)};this.handleFocus=()=>{this.hasFocus=!0};this.handleBlur=()=>{this.hasFocus=!1}}get value(){return super.value}set value(e){super.value=e===void 0?void 0:this.clamp(e)}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.value??=this.clamp(this.defaultRangeValue),this.addEventListener("focus",this.handleHostFocus)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),window.removeEventListener("pointerup",this.handlePointerUp),window.removeEventListener("pointercancel",this.handlePointerUp),super.disconnectedCallback?.()}get defaultRangeValue(){return this.max<this.min?this.min:(this.min+this.max)/2}roundToStep(e){let t=(String(this.step).split(".")[1]??"").length;return t?Number(e.toFixed(t)):e}clamp(e){let t=Math.min(this.min,this.max),i=Math.max(this.min,this.max),n=Math.min(i,Math.max(t,e));if(!this.step||this.step<=0)return this.roundToStep(n);let u=Math.round((n-this.min)/this.step),z=this.min+u*this.step;return this.roundToStep(Math.min(i,Math.max(t,z)))}percentFor(e){let t=this.max-this.min;return t<=0?0:Math.min(100,Math.max(0,(e-this.min)/t*100))}formatValue(e){let t=(String(this.step).split(".")[1]??"").length;return t?e.toFixed(t):String(e)}get tickValues(){if(!this.graduated||this.max<=this.min)return[];let e=this.tickStep!==void 0&&this.tickStep>0?this.tickStep:this.step;if(!e||e<=0)return[this.min,this.max];let t=[];for(let i=this.min;i<this.max;i+=e)t.push(i);return t.push(this.max),t}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}renderTicks(e){let t=this.tickValues;return t.length?s`
|
|
237
237
|
<div id="ticks" aria-hidden="true">
|
|
238
238
|
${t.map(i=>s`
|
|
239
239
|
<span
|
|
@@ -258,7 +258,7 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
|
|
|
258
258
|
step=${this.step}
|
|
259
259
|
.value=${String(i)}
|
|
260
260
|
?disabled=${this.disabled}
|
|
261
|
-
aria-invalid=${this.valid
|
|
261
|
+
aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
|
|
262
262
|
aria-label=${f(this.label)}
|
|
263
263
|
aria-describedby=${t?"description":l}
|
|
264
264
|
@input=${this.handleInput}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as h}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f,b as p}from"./chunks/chunk-
|
|
1
|
+
import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as h}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f,b as p}from"./chunks/chunk-IJ5WFMK4.js";import{a as n}from"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-BKHD4S57.js";import{a as t,f as o,g as d,h as l,i as a,n as r,s as c}from"./chunks/chunk-XH6NREVZ.js";var g=d`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
position: relative;
|
|
@@ -6,10 +6,6 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
|
|
|
6
6
|
width: var(--sliding-card-width, 300px);
|
|
7
7
|
height: var(--sliding-card-height, 280px);
|
|
8
8
|
font-family: var(--eun-font-family, "Mulish", sans-serif);
|
|
9
|
-
background: var(
|
|
10
|
-
--sliding-card-front-background,
|
|
11
|
-
var(--eun-surface-color, #ffffff)
|
|
12
|
-
);
|
|
13
9
|
clip-path: inset(0 0 calc(-1 * var(--sliding-card-fade-height, 60px)) 0);
|
|
14
10
|
}
|
|
15
11
|
|
|
@@ -35,7 +31,7 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
|
|
|
35
31
|
position: absolute;
|
|
36
32
|
border-radius: var(
|
|
37
33
|
--sliding-card-border-radius,
|
|
38
|
-
var(--eun-
|
|
34
|
+
var(--eun-border-radius-l, 16px)
|
|
39
35
|
);
|
|
40
36
|
padding: var(--sliding-card-padding, var(--eun-space-l, 32px));
|
|
41
37
|
overflow: hidden;
|
|
@@ -87,7 +83,8 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
|
|
|
87
83
|
--sliding-card-front-background,
|
|
88
84
|
var(--eun-surface-color, #ffffff)
|
|
89
85
|
);
|
|
90
|
-
border: var(--eun-
|
|
86
|
+
border: var(--eun-border-width-s, 1px) solid
|
|
87
|
+
var(--eun-border-color, #dee0e7);
|
|
91
88
|
z-index: 2;
|
|
92
89
|
}
|
|
93
90
|
|
|
@@ -165,8 +162,8 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
|
|
|
165
162
|
animation: none !important;
|
|
166
163
|
}
|
|
167
164
|
}
|
|
168
|
-
`,g
|
|
169
|
-
>${this.renderExternalLinkBadge()}`;return this.href?this.renderCardLink("back",e):
|
|
165
|
+
`,v=g;var m="eun-sliding-card",i=class extends f(c){constructor(){super(...arguments);this.hint=!1;this.isTouch=!1;this.isOpen=!1;this.phase="idle";this.handleMediaChange=e=>{this.isTouch=e.matches};this.handleClick=e=>{!this.isTouch||e.target.closest("a, button")||this.toggle()};this.handleFrontKeydown=e=>{!this.isTouch||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.toggle())};this.handleFocusIn=()=>{this.isTouch&&!this.isOpen&&this.open()};this.handleFocusOut=()=>{this.isTouch&&this.isOpen&&this.close()};this.handleAnimationEnd=()=>{this.phase="idle"}}connectedCallback(){super.connectedCallback?.(),this.mediaQuery=window.matchMedia("(hover: none)"),this.isTouch=this.mediaQuery.matches,this.mediaQuery.addEventListener("change",this.handleMediaChange),this.addEventListener("click",this.handleClick),this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut)}disconnectedCallback(){this.mediaQuery?.removeEventListener("change",this.handleMediaChange),this.removeEventListener("click",this.handleClick),this.removeEventListener("focusin",this.handleFocusIn),this.removeEventListener("focusout",this.handleFocusOut),this.dialogEntry&&(s(this.dialogEntry),this.dialogEntry=void 0),super.disconnectedCallback?.()}open(){this.isOpen=!0,this.phase="opening",this.dialogEntry={surfaceEl:this,onEscape:()=>this.close(),onOutsideClick:()=>this.close()},u(this.dialogEntry)}close(){this.isOpen=!1,this.phase="closing",this.dialogEntry&&(s(this.dialogEntry),this.dialogEntry=void 0)}toggle(){this.isOpen?this.close():this.open()}showHint(){return this.hint&&this.isTouch&&!this.isOpen&&this.phase==="idle"}renderBack(){let e=r`<slot name="back"></slot
|
|
166
|
+
>${this.renderExternalLinkBadge()}`;return this.href?this.renderCardLink("back",e):r`<div id="back" part="back">${e}</div>`}render(){return r`
|
|
170
167
|
${this.renderBack()}
|
|
171
168
|
<div
|
|
172
169
|
id="front"
|
|
@@ -180,4 +177,4 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
|
|
|
180
177
|
>
|
|
181
178
|
<slot></slot>
|
|
182
179
|
</div>
|
|
183
|
-
`}};i.styles=[
|
|
180
|
+
`}};i.styles=[v,p],t([l({type:Boolean})],i.prototype,"hint",2),t([a()],i.prototype,"isTouch",2),t([a()],i.prototype,"isOpen",2),t([a()],i.prototype,"phase",2),i=t([o(m)],i);export{i as EunomiaSlidingCard,m as EunomiaSlidingCardTagName};
|
|
@@ -50,7 +50,7 @@ import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
|
|
|
50
50
|
text-align: left;
|
|
51
51
|
outline: 2px solid transparent;
|
|
52
52
|
outline-offset: 2px;
|
|
53
|
-
border-radius: var(--eun-
|
|
53
|
+
border-radius: var(--eun-border-radius-m, 8px);
|
|
54
54
|
flex: 0 1 auto;
|
|
55
55
|
min-width: 0;
|
|
56
56
|
}
|
|
@@ -89,17 +89,17 @@ import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
|
|
|
89
89
|
height: var(--_indicatorSize);
|
|
90
90
|
border-radius: var(
|
|
91
91
|
--stepper-indicator-border-radius,
|
|
92
|
-
var(--eun-
|
|
92
|
+
var(--eun-border-radius-xl, 999px)
|
|
93
93
|
);
|
|
94
94
|
background: var(
|
|
95
95
|
--stepper-indicator-background,
|
|
96
96
|
var(--eun-content-hover, #edeff0)
|
|
97
97
|
);
|
|
98
98
|
color: var(--stepper-indicator-color, var(--eun-text-secondary, #484e61));
|
|
99
|
-
font-size: var(--stepper-indicator-font-size, var(--eun-
|
|
99
|
+
font-size: var(--stepper-indicator-font-size, var(--eun-font-size-xs, 12px));
|
|
100
100
|
font-weight: var(
|
|
101
101
|
--stepper-indicator-font-weight,
|
|
102
|
-
var(--eun-
|
|
102
|
+
var(--eun-font-weight-m, 500)
|
|
103
103
|
);
|
|
104
104
|
transition:
|
|
105
105
|
background var(--stepper-transition-duration, 0.2s) ease-out,
|
|
@@ -152,18 +152,18 @@ import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
|
|
|
152
152
|
min-width: 0;
|
|
153
153
|
}
|
|
154
154
|
.label {
|
|
155
|
-
font-size: var(--stepper-label-font-size, var(--eun-
|
|
156
|
-
font-weight: var(--stepper-label-font-weight, var(--eun-
|
|
155
|
+
font-size: var(--stepper-label-font-size, var(--eun-font-size-s, 14px));
|
|
156
|
+
font-weight: var(--stepper-label-font-weight, var(--eun-font-weight-m, 500));
|
|
157
157
|
color: var(--stepper-label-color, var(--eun-text-color, #071621));
|
|
158
158
|
}
|
|
159
159
|
:host([status="current"]) .label {
|
|
160
160
|
color: var(--stepper-label-color-current, var(--eun-text-color, #071621));
|
|
161
|
-
font-weight: var(--eun-
|
|
161
|
+
font-weight: var(--eun-font-weight-l, 700);
|
|
162
162
|
}
|
|
163
163
|
.description {
|
|
164
164
|
font-size: var(
|
|
165
165
|
--stepper-description-font-size,
|
|
166
|
-
var(--eun-
|
|
166
|
+
var(--eun-font-size-xs, 12px)
|
|
167
167
|
);
|
|
168
168
|
color: var(--stepper-description-color, var(--eun-text-secondary, #484e61));
|
|
169
169
|
}
|
|
@@ -124,7 +124,7 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
|
|
|
124
124
|
text-align: left;
|
|
125
125
|
outline: 2px solid transparent;
|
|
126
126
|
outline-offset: 2px;
|
|
127
|
-
border-radius: var(--eun-
|
|
127
|
+
border-radius: var(--eun-border-radius-m, 8px);
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
.step-control.has-description {
|
|
@@ -162,17 +162,17 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
|
|
|
162
162
|
height: var(--_indicatorSize);
|
|
163
163
|
border-radius: var(
|
|
164
164
|
--stepper-indicator-border-radius,
|
|
165
|
-
var(--eun-
|
|
165
|
+
var(--eun-border-radius-xl, 999px)
|
|
166
166
|
);
|
|
167
167
|
background: var(
|
|
168
168
|
--stepper-indicator-background,
|
|
169
169
|
var(--eun-content-hover, #edeff0)
|
|
170
170
|
);
|
|
171
171
|
color: var(--stepper-indicator-color, var(--eun-text-secondary, #484e61));
|
|
172
|
-
font-size: var(--stepper-indicator-font-size, var(--eun-
|
|
172
|
+
font-size: var(--stepper-indicator-font-size, var(--eun-font-size-xs, 12px));
|
|
173
173
|
font-weight: var(
|
|
174
174
|
--stepper-indicator-font-weight,
|
|
175
|
-
var(--eun-
|
|
175
|
+
var(--eun-font-weight-m, 500)
|
|
176
176
|
);
|
|
177
177
|
transition:
|
|
178
178
|
background var(--stepper-transition-duration, 0.2s) ease-out,
|
|
@@ -267,18 +267,18 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
|
|
|
267
267
|
min-width: 0;
|
|
268
268
|
}
|
|
269
269
|
.label {
|
|
270
|
-
font-size: var(--stepper-label-font-size, var(--eun-
|
|
271
|
-
font-weight: var(--stepper-label-font-weight, var(--eun-
|
|
270
|
+
font-size: var(--stepper-label-font-size, var(--eun-font-size-s, 14px));
|
|
271
|
+
font-weight: var(--stepper-label-font-weight, var(--eun-font-weight-m, 500));
|
|
272
272
|
color: var(--stepper-label-color, var(--eun-text-color, #071621));
|
|
273
273
|
}
|
|
274
274
|
li.step[data-status="current"] .label {
|
|
275
275
|
color: var(--stepper-label-color-current, var(--eun-text-color, #071621));
|
|
276
|
-
font-weight: var(--eun-
|
|
276
|
+
font-weight: var(--eun-font-weight-l, 700);
|
|
277
277
|
}
|
|
278
278
|
.description {
|
|
279
279
|
font-size: var(
|
|
280
280
|
--stepper-description-font-size,
|
|
281
|
-
var(--eun-
|
|
281
|
+
var(--eun-font-size-xs, 12px)
|
|
282
282
|
);
|
|
283
283
|
color: var(--stepper-description-color, var(--eun-text-secondary, #484e61));
|
|
284
284
|
}
|